@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; }
body{ font-size:12px; font-family:"微软雅黑"; color:#525252; background:#f1f1f1;max-height: 100%;}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:hover{ text-decoration:none; }
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#999;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#333}
::-webkit-scrollbar-corner:vertical{background-color:#666}
::-webkit-scrollbar-resizer:vertical{background-color:#666;}
img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}

/*分页样式*/
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:14px; width:100%; float:left; margin-bottom:40px;}
.page_list a{display:inline-block;color:#717171;text-align:center;text-decoration:none; padding-left:5px; padding-right:5px;behavior:url(css3.htc); }
.page_list a:hover{color:#fd3f3e; }
.page_list a.on{color:#fd3f3e;}
.page{ width:100%; text-align: center; height:auto; overflow:hidden;}
/*头部*/
.header_piao{ width:100%; height:101px; overflow:hidden;}
.header{ width:100%; height:100px; background-color:#fff; z-index:12; border-bottom: 1px solid #e9e9e9;}
.head{ width:95%; height:100px; margin:auto;}
.head_left{ float:left;padding-top:18px;padding-left:23px;}
.head_right{ float:right; height:75px; padding-top:24px;}
.tel{ float:left; height:75px; background:url(../img/recruit_03.jpg) no-repeat right top; padding-right:20px; }
.tel_left{ float:left; width:53px; height:54px;}
.tel_right{ float:right; margin-left:5px;}
.tel_right_1{ font-size:14px; color:#000; padding-top:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;opacity:0.5;}
.tel_right_2{ font-size:24px; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.dan{ float:right; height:54px; line-height:54px; font-size:24px; margin-left:20px;}
.dan a{ font-family:Arial, Helvetica, sans-serif; background: url(../img/case_12.png) no-repeat right; padding-right:45px; cursor:pointer;opacity:0.5; color:#000;}
.dan a:hover{opacity:1;transition:all 0.2s; }





/*底部*/
.rooter{ width:100%; background:#262626; height:87px; margin-top:30px;}
.root{ width:1200px; height:60px; margin:auto; padding-top:60px;}
.foot_left{ float:left; height:48px; line-height:48px; font-size:12px; color:#fff;}
.foot_left a{ margin-left:15px; margin-right:20px;}

.foot_right{ float:right; font-size:12px; color:#fff; line-height:24px; text-align:right; padding-top:6px;opacity:0.5;} 

/*showy*/
.showy{ width:49px; height:auto; position:fixed; right:10px; top:45%; z-index:9999;}
.showy a{ display:inline-block; width:49px; height:49px; border-radius:100px; margin-bottom:15px; cursor:pointer;}
.showy a:hover img{transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform-origin: 50% 50% 0;
    transition: transform 0.4s ease-in 0s}

.showy img{ width:49px; height:49px; border-radius:100px;}
.sidebox{position:absolute;width:49px;height:49px;top:0;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#343434;font:16px/49px "微软雅黑";overflow:hidden;}
.sidebox img{ float:left; margin-right:13px;}
.sidebox1{position:absolute;width:49px;height:49px;top:67px;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#343434;font:16px/49px "微软雅黑";overflow:hidden;}
.sidebox1 img{ float:left; margin-right:13px;}

.showy a.showy_1{ float:right;display: block; width:49px;height:49px; background-color:#000;} 


.cd-section {
  padding: 2em;
  margin-top: 5em;
  text-align: center;
}

.index_bg1{
  background: url(/static/www/img/zhi_033.png) no-repeat center;
  background-size:cover;
  background-attachment: fixed;
}

.index_bg2{
  background: url(/static/www/img/zhi_03.png) no-repeat center;
  background-size:cover;
  background-attachment: fixed;
}

.cd-bouncy-nav-trigger {
  /* button style */

  color: #ffffff;

  border-radius: 10em;

}
.no-touch .cd-bouncy-nav-trigger:hover {
  background: #e0a36f;
}

.cd-bouncy-nav-modal {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(36, 35, 37, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
  -moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
  transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
}
.cd-bouncy-nav-modal.fade-in {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.1s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.1s 0s, visibility 0s 0s;
  transition: opacity 0.1s 0s, visibility 0s 0s;
}
.cd-bouncy-nav-modal .cd-close {
  display: block;
  position: fixed;
  top: 20px;
  right: 5%;
  width: 44px;
  height: 44px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url("../img/cd-icon-close.svg") no-repeat center center;
  -webkit-transform: scale(0) translateZ(0);
  -moz-transform: scale(0) translateZ(0);
  -ms-transform: scale(0) translateZ(0);
  -o-transform: scale(0) translateZ(0);
  transform: scale(0) translateZ(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
  transition: transform 0.3s 0s, visibility 0s 0.3s;
}
.cd-bouncy-nav-modal.fade-in .cd-close {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0.3s 0s;
}
@media only screen and (min-width: 1170px){
  .cd-bouncy-nav-modal .cd-close {
    top: 60px;
  }
}
.head_left img{
	width: 65px;
}
.cd-bouncy-nav {
  position: absolute;
  left: 50%;
  top: 50vh;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  max-width: 300px;
}
.cd-bouncy-nav li {
  width: 50%;
  float: left;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh);
  text-align: center; list-style:none;
}
.is-visible .cd-bouncy-nav li {
  /* used to assign a tranlsateY value when the animation is over */
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.fade-in .cd-bouncy-nav li {
  -webkit-animation: cd-move-in 0.4s;
  -moz-animation: cd-move-in 0.4s;
  animation: cd-move-in 0.4s;
}
.fade-out .cd-bouncy-nav li {
  -webkit-animation: cd-move-out 0.4s;
  -moz-animation: cd-move-out 0.4s;
  animation: cd-move-out 0.4s;
}
.fade-in .cd-bouncy-nav li, .fade-out .cd-bouncy-nav li {
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(3), .fade-out .cd-bouncy-nav li:nth-of-type(3) {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(6), .fade-out .cd-bouncy-nav li:nth-of-type(6) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.cd-bouncy-nav a {
  display: inline-block;
  min-width: 90px;
  position: relative;
  padding: 80px 0px 0;
  margin-bottom: 40px;
  color: #ffffff; 
  font-size:15px; 
  line-height:50px;
}
.cd-bouncy-nav a::before {
  /* icons */
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 90px;
  width: 90px;
  border-radius: 50%;
  background-color: #fd3f3e;
 
  background-repeat: no-repeat;
  background-position: 0 0;
}
.no-touch .cd-bouncy-nav a:hover::before {
  background-color:#fd3f3e; background-image:url(../img/about1.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(1) a::before {
   background-color:#fd3f3e; background-image:url(../img/about1.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(2) a::before {
   background-color:#fd3f3e; background-image:url(../img/about2.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(3) a::before {
 background-color:#fd3f3e; background-image:url(../img/about3.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(4) a::before {
  background-color:#fd3f3e; background-image:url(../img/about4.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(5) a::before {
  background-color:#fd3f3e; background-image:url(../img/about5.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(6) a::before {
  background-color:#fd3f3e; background-image:url(../img/about6.png); background-repeat: no-repeat; background-position:center;
}
@media only screen and (min-width: 768px) {
	.cd-bouncy-nav li {
	    width: 16.6%;
	    float: left;
	}
	.cd-bouncy-nav {
	    max-width: 1200px;
	}
  .fade-in .cd-bouncy-nav li:nth-of-type(1), .fade-out .cd-bouncy-nav li:nth-of-type(1) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    animation-delay: 0.25s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    animation-delay: 0.25s;
  }
  .cd-bouncy-nav a {
    margin-bottom: 50px;
  }
}

@-webkit-keyframes cd-move-in {
  0% {
    -webkit-transform: translateY(100vh);
  }
  65% {
    -webkit-transform: translateY(-1.5vh);
  }
  100% {
    -webkit-transform: translateY(0vh);
  }
}
@-moz-keyframes cd-move-in {
  0% {
    -moz-transform: translateY(100vh);
  }
  65% {
    -moz-transform: translateY(-1.5vh);
  }
  100% {
    -moz-transform: translateY(0vh);
  }
}
@keyframes cd-move-in {
  0% {
    -webkit-transform: translateY(100vh);
    -moz-transform: translateY(100vh);
    -ms-transform: translateY(100vh);
    -o-transform: translateY(100vh);
    transform: translateY(100vh);
  }
  65% {
    -webkit-transform: translateY(-1.5vh);
    -moz-transform: translateY(-1.5vh);
    -ms-transform: translateY(-1.5vh);
    -o-transform: translateY(-1.5vh);
    transform: translateY(-1.5vh);
  }
  100% {
    -webkit-transform: translateY(0vh);
    -moz-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    -o-transform: translateY(0vh);
    transform: translateY(0vh);
  }
}
@-webkit-keyframes cd-move-out {
  0% {
    -webkit-transform: translateY(0vh);
  }
  100% {
    -webkit-transform: translateY(-100vh);
  }
}
@-moz-keyframes cd-move-out {
  0% {
    -moz-transform: translateY(0vh);
  }
  100% {
    -moz-transform: translateY(-100vh);
  }
}
@keyframes cd-move-out {
  0% {
    -webkit-transform: translateY(0vh);

    -moz-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    -o-transform: translateY(0vh);
    transform: translateY(0vh);
  }
  100% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
  }
}


.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 3em;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin:0px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}


/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon-effect-8 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.hi-icon-effect-8 .hi-icon:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.hi-icon-effect-8 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
		transform: scale(1.5);
		opacity: 0;
	}
}



.main{ width:1200px; height:auto; margin:auto; position:relative;}

.big_all_1{ width:100%; height:270px;}
.big_all{ width:100%; height:235px; position:relative; background:url(../img/case_18.jpg) no-repeat center; background-size:auto 100%;}

.case_mune_warp{ width:100%; height:60px; text-align: center; padding-top:210px;}
.fixed{
    position: fixed;
    width: 100%;
    max-width: none;
    left: 0;
    top: -75px;
    z-index:10;
    margin-top: 0px;
}

.fixed11{
    position: fixed;
    width: 100%;
    max-width: none;
    left: 0;
    top: 135px;
    z-index:10;
    margin-top: 0px;
}

.case_mune{ width:1200px; height:60px; background-color:#fff; margin:auto;}
.case_mune a{ display:block; float:left; width:300px; height:60px; background:url(../img/case_shu.jpg) no-repeat left; font-size:16px; color:#3f3f3f; border-top:3px solid #fff; height:57px; line-height:57px; text-align:center; cursor:pointer;}
.case_mune a.case_mune_1{ background:none;}
.case_mune a:hover{ border-top:3px solid #fd3f3e;transition:all 0.2s;}
.case_mune a.case_mune_a{ border-top:3px solid #fd3f3e;}
.case_miao{ width:1200px; height:80px; line-height:80px; font-size:14px; color:#acacac; text-align: center; padding-top:30px;}
.case_miao a{ color:#383838;} 
.case_miao a:hover{ color:#fd3f3e; cursor:pointer;}


.case_list{ width:1200px; height:auto; overflow:hidden;}
.case_list ul li{ float:left; width:285px; height:270px; list-style:none; margin-right:20px; margin-bottom:40px;}
.case_list ul li.case_list_li{ margin-right:0px;}
.case_list ul li a{ display:block; width:285px; height:270px; cursor:pointer;}
.case_list ul li:hover{box-shadow: 0px 0px 10px 1px #888;}

.case_list_1{ width:285px; height:180px; position:relative; overflow:hidden;}
.case_img{ width:285px; height:180px;}
.case_img img{ width:285px; height:180px;}
.case_more_bg{ position:absolute;width:285px;height:180px;background:#fd3f3e;top:0px;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.case_more_1{ position:absolute;color:#FFF;font-size:16px;width:145px;text-align:center;height:40px;line-height:40px;border:3px #fff solid;top:-200px;left:70px; font-family:Arial, Helvetica, sans-serif;}

.case_list_2{ width:283px; height:89px; border:1px solid #e2e2e2; border-top:none; background-color:#fff;}
.case_list_2_1{ font-size:12px; color:#3f3f3f; width:265px; height:35px; line-height:35px; margin:auto;opacity:0.5}
.case_list_2_2{ width:265px; margin:auto; font-size:18px; color:#3f3f3f; height:35px; line-height:35px; overflow:hidden;}   

.case_geng{ width:1200px; height:33px; text-align: center; display:none;}
.case_geng img{ width:33px; height:33px; cursor:pointer;}
.piao{ display:none;}

/*返回顶部*/
.back{ width:56px; height:56px; position:absolute; right:-105px; bottom:0px;}
.back a{ display:block; width:56px; height:56px; background-color:#262626; border-radius:100px; overflow:hidden;}
.back a:hover{transition:all 0.2s; background-color:#fd3f3e; cursor:pointer;}

/*底部*/
.kong{ width:100%; height:35px; overflow:hidden;}
.deeper{ width:100%; height:204px; background-color:#262626; }
.deep{ width:1200px; height:144px; margin:auto; padding-top:60px;} 
.deep_left{ float:left;}
.deep_left_1{ font-size:39px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:44px; overflow:hidden;}
.deep_left_2{ width:; height:50px;}
.deep_1{ float:left; height:50px; line-height:50px; font-size:16px; color:#fff; background:url(../img/case_66.png) no-repeat left; padding-left:20px;}
.deep_2{ float:left; height:50px; line-height:50px; font-size:14px; color:#fff; background:url(../img/case_63.png) no-repeat left; padding-left:20px; margin-left:30px;}


.deep_right{ float:right;}
.deep_right_1{ height:48px; line-height:48px; font-size:12px; color:#fff; float:right; width:209px; overflow:hidden;}
.deep_right_1 a{ margin-left:15px; margin-right:20px;}
.deep_right_2{ font-size:12px; color:#fff; line-height:24px;opacity:0.5; text-align:right;}


/*案例详情*/
.example_warp{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding-top:50px; padding-bottom:55px;}
.example{ width:95%; height:auto; overflow:hidden; margin:auto;}
.example_left{ float:left; width:1200px; height:auto; overflow:hidden;}
.example_right{ float:right; width:490px; height:725px;margin-right:60px; position:relative;}
.example_all{ width:490px; height:560px; background-image:url(../img/case1_06.png); background-repeat:no-repeat; background-position:left top; background-color:#fff; position:fixed; top:151px; z-index:9;}
.example_5{ display:none;}
.example_1{ width:450px; height: auto; padding-bottom:10px; overflow:hidden; margin-left:40px; position:relative; border-bottom:1px dashed #cccccc;}
.example_1_1{ width:450px; font-size:62px; color:#fd3f3e; font-weight:bold; height: auto;}
.example_1_2{ font-size:24px; color:#3e3e3e; height:40px; width:160px; text-align:right;}
.example_2{ width:450px; height:224px; overflow:hidden; margin-left:40px; font-size:14px; color:#3e3e3e; line-height:27px; margin-top:25px; border-bottom:1px dashed #cccccc;}
.example_3{ width:450px; height:200px; margin-left:40px;}
.example_3_1{ width:450px; font-size:20px; color:#3e3e3e; height:70px; line-height:70px; overflow:hidden;}

.example_3_2 span{ font-size:14px; color:#c0c0c0; display:inline-block; height:31px; line-height:31px; padding:0px 15px; background-color:#f3f3f3;}
.example_4{ width:450px; height:58px; background-color:#3d3d3d; margin-left:40px; position: fixed; bottom:204px;}
.example_4_1{ float:left; width:84px; height:58px; border-right:1px solid #535353; text-align: center; position:relative; }
.example_4_1 a{ display:block; width:84px; height:35px; cursor:pointer;margin:auto; overflow:hidden; padding-top:23px;}



.example_4_1_1{ width:19px; height:12px; margin:auto;}
.example_4_1_1 img{ width:19px; height:12px;}
.example_4_1_2{ width:19px; height:12px; margin:auto;opacity:0;}
.example_4_1_2 img{ width:19px; height:12px;}



.example_4_2{ float:left; width:84px; height:58px; border-right:1px solid #535353; text-align: center;}
.example_4_2 a{ display:block; width:58px; height:35px; cursor:pointer;margin:auto;overflow:hidden; padding-top:23px}



.example_4_2_1{ width:19px; height:12px; margin:auto; }
.example_4_2_1 img{ width:19px; height:12px;}
.example_4_2_2{ width:19px; height:12px; margin:auto;opacity:0;}
.example_4_2_2 img{ width:19px; height:12px;}

.example_4_3{ float:left; height:58px; margin-left:23px;}
.example_4_3 a{ display:block; font-size:14px; color:#fff; height:58px; line-height:58px; background:url(../img/case1_09.png) no-repeat left; padding-left:55px; cursor:pointer;}
.example_4_3 a:hover{ display:block; font-size:14px; color:#fff; height:58px; line-height:58px; background:url(../img/case1_091.png) no-repeat left; padding-left:55px;}

/*手机网站*/
.phoneone{ width:100%; height:729px; overflow:hidden;}
.phonetwo_warp{ width:100%; height:339px;}
.phonetwo{ width:1200px; height:339px; margin:auto; position:relative;}
.phonetwo_1{ width:1200px; text-align:center; font-size:38px; color:#444444; height:50px; padding-top:70px;}
.phonetwo_2{ font-size:22px; color:#272727; line-height:32px; width:800px; height:100px; background:url(../img/phone_03.jpg) no-repeat center bottom; text-align: center; margin:auto; overflow:hidden; margin-top:35px;  opacity:0;filter:alpha(opacity=0);position:relative; top:-100px;}
.phonetwo_3{ width:1200px; height:50px; text-align: center;opacity:0;filter:alpha(opacity=0);position:relative; margin-top:34px; bottom:-100px}
.phonetwo_3 a{ display:inline-block; background:url(../img/phone_07.png) no-repeat center; width:233px; height:50px; text-align: center; line-height:50px; font-size:14px; color:#333;}

.phonethree_warp{ width:100%; height:608px; overflow:hidden;}
.phonethree{ width:1200px; height:608px; margin:auto;}
.phonethree_tit{ width:1200px; text-align: center; font-size:30px; color:#fff; height:40px; padding-top:80px;opacity:0;filter:alpha(opacity=0);position:relative; top:-100px;}
.phonethree_con{ width:1200px; text-align: center; background:url(../img/phone_03.jpg) no-repeat center bottom; font-size:16px; color:#878787; height:45px; margin-top:20px;opacity:0;filter:alpha(opacity=0);position:relative;}
.phonethree_list{ width:1080px; height:235px; margin:auto; margin-top:70px;}
.phonethree_list ul li{ float:left; width:360px; height:235px; list-style:none; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-100px;}

.phonethree_list ul li:hover .phonethree_list_img{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
.phonethree_list ul li:hover .phonethree_list_con{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
.phonethree_list_img{ width:130px; height:130px; border:2px solid #fff; border-radius:120px; margin:auto;}
.phonethree_list_img img{ width:130px; height:130px;}
.phonethree_list_con{ font-size:14px; color:#ffffff; line-height:26px; height:52px; overflow:hidden; text-align: center; margin:auto; width:205px; margin-top:20px;}

.phonefour_warp{ width:100%; height:772px; overflow:hidden;}
.phonefour{ width:1200px; height:772px; margin:auto;}
.phonefour_left{ float:left; width:755px; padding-top:135px; height:auto; overflow:hidden;}
.phonefour_left ul li{ width:755px; height:100px; margin-bottom:30px; list-style:none; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative; left:-100px;}
.phonefour_left ul li:hover .phonefour_left_right_1{color:#fd3f3e; transition: all 0.2s ease-in-out;}
.phonefour_left ul li:hover .phonefour_left_right_2{color:#fd3f3e; transition: all 0.2s ease-in-out;}
.phonefour_left_left{ float:left; width:53px; height:53px; border:1px solid #272636; border-radius:100px;}
.phonefour_left_left img{ width:53px; height:53px;}


.phonefour_left_right{ float:right; width:690px; height:100px;}
.phonefour_left_right_1{ width:690px; font-size:30px; color:#000; height:40px; overflow:hidden;}
.phonefour_left_right_2{ width:690px; font-size:14px; color:#000; height:40px; line-height:40px;}
.phonefour_right{ float:right; width:380px; height:520px; background-color:#43bcc1;opacity:0;filter:alpha(opacity=0);position:relative; right:-100px;}
.phonefour_1{ width:329px; border-right:1px solid #fff; margin:auto; height:280px; margin-top:118px;}
.phonefour_1_1{ width:304px; text-align:right; font-size:46px; color:#fff; line-height:69px; background:url(../img/phone_26.jpg) no-repeat right bottom; height:170px;}
.phonefour_1_2{ width:304px; text-align:right; font-size:16px; color:#fff; line-height:27px;opacity: 0.5; margin-top:35px;}

.phonefive_warp{ width:100%;  height:773px; overflow:hidden;}
.phonefive{ width:1200px; height:773px; margin:auto;}
.phonefive_top{ width:1200px; height:520px;opacity:0;filter:alpha(opacity=0);position:relative; top:-100px;}
.phonefive_top_left{ float:left; width:380px; height:520px; background-color:#43bcc1;}
.phonefive_1{ width:329px; border-left:1px solid #fff; margin:auto; height:280px; margin-top:118px;}
.phonefive_1_1{ width:304px; font-size:46px; color:#fff; line-height:69px; background:url(../img/phone_26.jpg) no-repeat left bottom; height:170px; margin-left:25px;}
.phonefive_1_2{ width:304px; font-size:14px; color:#fff; line-height:27px;margin-left:25px; margin-top:35px;}
.phonefive_top_right{ float:right; width:735px; height:520px;}
.phonefive_tit{ width:735px; font-size:24px; text-align: center; background:url(../img/phone_03.jpg) no-repeat center bottom; height:55px; margin-top:135px; color:#fff;}
.phonefive_list{ width:735px; height:180px; margin-top:90px;}
.phonefive_list ul li{ float:left; width:245px; height:180px; list-style:none; cursor:pointer;}
.phonefive_list ul li:hover .phonefive_list_img{ background-color:#fd3f3e; border:1px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
.phonefive_list ul li:hover .phonefive_list_tit{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 

.phonefive_list_img{ width:88px; height:88px; border:1px solid #fff; border-radius:100px; margin:auto;}
.phonefive_list_img img{ width:88px; height:88px;}
.phonefive_list_tit{ width:245px; height:90px; font-size:18px; color:#fff; text-align: center; line-height:90px;}
.phonefive_bottom{ width:1200px; height:100px; margin-top:125px;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-100px;}
.phonefive_bottom ul li{ float:left; width:400px; height:100px; list-style:none;}
.phonefive_bottom_1{ width:400px; height:52px; font-size:40px; color:#fff; text-align: center;}
.phonefive_bottom_1 span{ font-size:14px; margin-left:5px;}
.phonefive_bottom_2{ width:400px; font-size:14px; color:#fff; text-align: center; height:48px; line-height:48px;}

.phonesix_warp{ width:100%; height:831px; overflow:hidden;}
.phonesix{ width:1200px; height:831px; margin:auto; position:relative;}
.phonesix_1{ width:1200px; text-align: center; font-size:30px; color:#000; height:40px; padding-top:50px;opacity:0;filter:alpha(opacity=0);position:relative; top:-100px;}
.phonesix_2{ width:1200px; text-align: center; background: url(../img/phone_031.jpg) no-repeat center bottom; font-size:22px; color:rgba(0,0,0,0.34); height:45px; margin-top:20px;opacity:0;filter:alpha(opacity=0);position:relative; top:-200px;}
.phonesix_3{ background:url(../img/phone_45.png) no-repeat center; width:973px; height:631px; position:absolute; left:114px; bottom:0;}
.phonesix_list{ width:714px; height:446px; margin-left: 127.5px; margin-top: 45.5px;opacity:0;filter:alpha(opacity=0);position:relative; }
.phonesix_list ul li{ float:left; width:238px; height:223px; list-style:none;}
.phonesix_list_1{ width:238px; height:223px; background-color:#e7e7e7;}
.phonesix_list_2{ width:238px; height:223px; background-color:#fff;}
.phonesix_img{ width:238px; text-align: center; padding-top:33px; height:58px;}
.phonesix_en{ width:238px; text-align: center; font-size:18px; color:#000;opacity: 0.5; font-family:Arial, Helvetica, sans-serif; height:21px; margin-top:10px;}
.phonesix_con{ font-size:16px; color:#000000; line-height:25px; text-align: center; margin-top:10px;}

.phoneserve_warp{ width:100%; height:642px; overflow:hidden;}
.phoneserve{ width:1200px; height:642px; margin:auto;}
.phoneserve_tit{ width:1200px; text-align: center; font-size:30px; background:url(../img/phone_03.jpg) no-repeat center bottom; height:70px; padding-top:65px; color:#fff;opacity:0;filter:alpha(opacity=0);position:relative; top:-200px;}
.phoneserve_con{ width:1200px; height:auto; overflow:hidden; margin-top:65px;}
.phoneserve_con ul li{ float:left; width:575px; height:93px; list-style:none; margin-right:50px; margin-bottom:40px; cursor:pointer;}
.phoneserve_con ul li.phoneserve_con_li{ margin-right:0px;}
.phoneserve_con ul li:hover .phoneserve_1_right{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
.phoneserve_con ul li:hover .phoneserve_1_left_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
.phoneserve_con ul li:hover .phoneserve_1_left_1{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 

.phoneserve_con ul li:hover .phoneserve_2_left{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
.phoneserve_con ul li:hover .phoneserve_2_right_1{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
.phoneserve_con ul li:hover .phoneserve_2_right_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 

.phoneserve_1{ width:575px; height:93px;opacity:0;filter:alpha(opacity=0);position:relative; left:-100px;}
.phoneserve_1_left{ float:left; width:454px; height:93px;}
.phoneserve_1_left_1{ width:454px; text-align:right; font-size:18px; color:#fff; height:35px; line-height:35px;} 
.phoneserve_1_left_2{ width:454px; font-size:14px; color:#fff; line-height:32px; height:64px; overflow:hidden; text-align:right;}
.phoneserve_1_right{ float:right; width:89px; height:89px; border:2px solid #fff; border-radius:100px;}
.phoneserve_1_right img{ width:89px; height:89px;}

.phoneserve_2{ width:575px; height:93px;opacity:0;filter:alpha(opacity=0);position:relative; right:-100px;}
.phoneserve_2_right{ float:right; width:454px; height:93px;}
.phoneserve_2_right_1{ width:454px; font-size:18px; color:#fff; height:35px; line-height:35px;} 
.phoneserve_2_right_2{ width:454px; font-size:14px; color:#fff; line-height:32px; height:64px; overflow:hidden;}
.phoneserve_2_left{ float:left; width:89px; height:89px; border:2px solid #fff; border-radius:100px;}
.phoneserve_2_left img{ width:89px; height:89px;}

.phoneeight_warp{ width:100%; height:700px; overflow:hidden;}
.phoneeight{ width:100%; height:966px; margin:auto;}
.phoneeight_en{ width:1200px; height:58px; text-align: center; margin:auto; margin-top:72px;}
.phoneeight_en img{ width:267px; height:58px;}
.phoneeight_tit{ width:1200px; height:; font-size:30px; color:#2f2f2f; text-align: center; margin:auto; height:55px; line-height:55px;}
.phoneeight_list{ width:1545px; height:652px; margin:auto; margin-top:75px;}
.phoneeight_list ul li{ float:left; width:515px; height:326px; list-style:none;}

.grid_1{ width:515px; height:326px;}
.grid_1 img{ width:515px; height:326px;}
.grid {
	overflow: hidden;
	margin: 0;
	width: 100%;
	list-style: none;
	text-align: center; height:330px; max-width:555px; background:#ef342b;
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	width:100%;
	height: 330px;
	
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;

}

.grid figure figcaption {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}


figure.effect-bubba img {

	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s; margin:auto;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

.phoneeight_img{ width:100%; height:76px; text-align: center; margin:auto; position:absolute; top:134px; transition: transform 0.35s;opacity: 0;}
.phoneeight_img img{ height:76px; width: auto;}
.phoneeight_list_tit { width:100%; height:50px; font-size:12px; color:#fff; line-height:50px; text-align: center; margin:auto; position:absolute; top:210px; transition: transform 0.35s;opacity:0;}


figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover .phoneeight_img,
figure.effect-bubba:hover .phoneeight_img img,
figure.effect-bubba:hover .phoneeight_list_tit{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


.phoneeight_more{ width:1200px; text-align:center; height:45px; margin:auto; margin-top:40px;}
.phoneeight_more a{ display:inline-block; font-size:14px; color:#fff; width:180px; height:43px; border:1px solid #fff; text-align: center; line-height:43px; border-radius:20px; cursor:pointer;}
.phoneeight_more a:hover{ background-color:#fd3f3e; transition:all 0.2s; border:1px solid #fd3f3e;}

/*响应式网站*/
.yingtwo_warp{ width:100%; height:456px;}
.yingtwo{ width:1200px; height:456px; margin:auto; position:relative;}
.yingtwo_left{ float:left; width:640px; height:255px; padding-top:135px;opacity:0;filter:alpha(opacity=0);position:relative; left:-200px;}
.yingtwo_left_1{ width:640px; height:70px; font-size:30px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
.yingtwo_left_2{ width:640px; font-size:14px; color:#2f2f2f; line-height:32px; margin-top:30px;}
.yingtwo_right{ float:right; height:335px; padding-top:75px; width:395px;opacity:0;filter:alpha(opacity=0);position:relative; right:-100px;}

.yingthree_warp{ width:100%; height:467px;}
.yingthree{ width:1200px; height:467px; margin:auto; position:relative; overflow:hidden;}
.yingthree_left{ float:left; width:580px; height:255px; padding-top:140px; text-align: center;opacity:0;filter:alpha(opacity=0);position:relative; top:-200px;}

.yingthree_right{ float:right; height:220px; padding-top:155px; width:610px;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-200px;}
.yingthree_right_1{ width:580px; height:70px; font-size:30px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
.yingthree_right_2{ width:580px; font-size:14px; color:#2f2f2f; line-height:32px; margin-top:30px;}


.yingfour_warp{ width:100%; height:461px;}
.yingfour{ width:1200px; height:461px; margin:auto; position:relative;}
.yingfour_left{ float:left; width:620px; height:255px; padding-top:150px;opacity:0;filter:alpha(opacity=0);position:relative; left:-200px;}
.yingfour_left_1{ width:620px; height:70px; font-size:30px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
.yingfour_left_2{ width:620px; font-size:14px; color:#2f2f2f; line-height:32px; margin-top:30px;}
.yingfour_right{ float:right; height:335px; padding-top:90px; width:510px;opacity:0;filter:alpha(opacity=0);position:relative; right:-200px;}

.yingfive_warp{ width:100%; height:773px;}
.yingfive{ width:1200px; height:773px; margin:auto; position:relative;}
.yingfive_tit{ width:1200px; height:170px; text-align: center; line-height:170px; font-size:30px; color:#fff;opacity:0;filter:alpha(opacity=0);position:relative; top:-200px;}

.yingfive_list{ width:1200px; height:auto; overflow:hidden; margin-top:15px;}
.yingfive_list ul li{ float:left; width:580px; height:114px; list-style:none; margin-right:40px; margin-bottom:50px; cursor:pointer;}
.yingfive_list ul li.yingfive_list_li{ margin-right:0px;}
.yingfive_list ul li:hover .yingfive_1_left{ color:#fd3f3e; transition:all 0.2s;}
.yingfive_list ul li:hover .phoneserve_1_right{ border:2px solid #fd3f3e; transition:all 0.2s; background-color:#fd3f3e;}
.yingfive_list ul li:hover .yingfive_2_right{ color:#fd3f3e; transition:all 0.2s;}
.yingfive_list ul li:hover .phoneserve_2_left{ border:2px solid #fd3f3e; transition:all 0.2s; background-color:#fd3f3e;}
.yingfive_1{ width:580px; height:114px;opacity:0;filter:alpha(opacity=0);position:relative; left:-200px;}
.yingfive_1_left{ float:left; width:437px; height:114px; font-size:20px; color:#fff; line-height:114px; text-align:right;}
.yingfive_1_right{ float:right; width:89px; height:89px; border:2px solid #fff; border-radius:100px;}
.yingfive_1_right img{ width:89px; height:89px;}

.yingfive_2{ width:575px; height:93px;opacity:0;filter:alpha(opacity=0);position:relative; right:-200px;}
.yingfive_2_right{ float:right; width:454px; height:114px; font-size:20px; color:#fff; line-height:114px;}
.yingfive_2_left{ float:left; width:89px; height:89px; border:2px solid #fff; border-radius:100px;}
.yingfive_2_left img{ width:89px; height:89px;}

/*营销型网站*/
.xiaotwo_warp{ width:100%; height:701px;}
.xiaotwo{ width:1200px; height:701px; margin:auto; position:relative;}
.xiaotwo_tit{ width:1200px; text-align: center; font-size:30px; color:#fff; height:60px; background:url(../img/phone_03.jpg) no-repeat center bottom; padding-top:80px;opacity:0;filter:alpha(opacity=0);position:relative; top:-200px;}
.xiaotwo_list{ width:1200px; height:350px; margin-top:130px;} 
.xiaotwo_list ul li{ float:left; width:600px; height:350px; list-style:none; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-200px;}
.xiaotwo_list ul li:hover .xiaotwo_list_1{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;}
.xiaotwo_list ul li:hover .xiaotwo_list_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
.xiaotwo_list ul li:hover .xiaotwo_list_3{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
.xiaotwo_list_1{ width:134px; height:134px; margin:auto; border-radius:100px; border:2px solid #fff;}
.xiaotwo_list_1 img{ width:134px; height:134px;}
.xiaotwo_list_2{ width:600px; font-size:22px; color:#fff; text-align: center; height:70px; line-height:70px;}
.xiaotwo_list_3{ width:600px; text-align: center; font-size:14px; line-height:25px; height:100px; overflow:hidden; color:#fff; margin-top:10px;}

.xiaothree_warp{ width:100%; height:771px;}
.xiaothree{ width:1200px; height:771px; margin:auto; position:relative;}
.xiaothree_left{ float:left; width:600px; height:auto; overflow:hidden; padding-top:75px;}
.xiaothree_1{ width:600px; height: auto; overflow:hidden; margin-bottom:25px; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative; left:-200px;}
.xiaothree_1:hover .xiaothree_1_tit{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
.xiaothree_1:hover .xiaothree_1_con{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
.xiaothree_1_tit{ width:600px; font-size:22px; color:#000; height:29px;}
.xiaothree_1_con{ width:600px; font-size:14px; color:#000; line-height:22px; height: auto; overflow:hidden; margin-top:6px;}

.xiaothree_right{ float:right; width:380px; height:425px; background-color:#fc5958;opacity:0;filter:alpha(opacity=0);position:relative; right:-200px;}
.xiaothree_right_1{ font-size:46px; color:#fff; width:280px; margin:auto; height:61px; text-align:right; padding-top:125px;}
.xiaothree_right_2{ width:280px; margin:auto; height:55px; text-align:right; background:url(../img/phone_26.jpg) no-repeat right bottom; margin-top:20px;}

.xiaofour_warp{ width:100%; height:773px;}
.xiaofour{ width:1200px; height:773px; margin:auto; position:relative;}
.xiaofour_tit{ width:1200px; text-align: center; font-size:30px; color:#fff; background:url(../img/phone_26.jpg) no-repeat center bottom; height:65px; padding-top:65px;opacity:0;filter:alpha(opacity=0);position:relative; top:-200px;}
.xiaofour_all{ width:1200px; height:540px; background:url(../img/xiao_14.png) no-repeat center top; margin-top:40px;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-200px;}

/*定制网站*/
.zhitwo_warp{ width:100%; height:700px;}
.zhitwo{ width:1200px; height:656px; margin:auto; position:relative;}
.zhitwo_tit{ width:1200px; font-size:30px; color:#444; text-align: center; height:70px; line-height:70px; padding-top:80px;opacity:0;filter:alpha(opacity=0);position:relative; top:-200px;}
.zhitwo_con{ width:730px; text-align: center; font-size:16px; color:#7a7a7a; line-height:32px; height:85px; background:url(../img/zhi1_05.jpg) no-repeat center bottom; margin:auto; margin-top:5px;opacity:0;filter:alpha(opacity=0);position:relative; top:-100px;}
.zhitwo_list{ width:1100px; height:230px; margin:auto; margin-top:100px;}
.zhitwo_list ul li{ float:left; width:275px; height:230px; list-style:none; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-200px;}
.zhitwo_list ul li:hover .zhitwo_list_img{ background-color:#fd3f3e; border:2px solid #fd3f3e;}
.zhitwo_list ul li:hover .zhitwo_list_img_1{ display:none;}
.zhitwo_list ul li:hover .zhitwo_list_img_2{ display: block;}
.zhitwo_list ul li:hover .zhitwo_list_tit{ color:#fd3f3e;}
.zhitwo_list_img{ width:138px; height:138px; border:2px solid #0a0204; border-radius:100px; margin:auto; position:relative; margin:auto;}
.zhitwo_list_img_1{ width:138px; height:138px;}
.zhitwo_list_img_2{ width:138px; height:138px; display:none;} 
.zhitwo_list_tit{ width:275px; text-align: center; font-size:16px; color:#444; height:88px; line-height:88px;}

.zhithree_warp{ width:100%; height:700px;}
.zhithree{ width:1200px; height:607px; margin:auto; position:relative;}
.zhithree_left{ float:left; width:515px; height:270px; padding-top:195px;opacity:0;filter:alpha(opacity=0);position:relative; left:-200px;}
.zhithree_left_1{ width:515px; height:40px; font-size:30px; color:#fff;}
.zhithree_left_2{ width:515px; height:211px; margin-top:16px;}
.zhithree_left_2 img{ width:400px; height:211px;}
.zhithree_right{ float:left; width:252px; height:252px; border:3px solid #fff; margin-top:195px;opacity:0;filter:alpha(opacity=0);position:relative; right:-200px;}
.zhithree_right_1{ width:252px; text-align: center; height:103px; margin-top:48px;}
.zhithree_right_2{ width:252px; text-align: center; font-size:26px; color:#fff; font-family:Arial, Helvetica, sans-serif; height:85px; line-height:85px;}

.zhifour_warp{ width:100%; height:700px;}
.zhifour{ width:1200px; height:772px; margin:auto; position:relative;}
.zhifour_left{ float:left; width:790px; height:auto; padding-top:130px;}
.zhifour_left ul li{ width:790px; height:145px; margin-bottom:20px; list-style:none; cursor:pointer;opacity:0;filter:alpha(opacity=0);position:relative; left:-200px;}
.zhifour_left ul li:hover .zhifour_left_left img{;-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	 transform:scale(1.1,1.1);}

.zhifour_left_left{ float:left; width:52px; height:52px; border:1px solid #000000; border-radius:100px; overflow: hidden;}
.zhifour_left_left img{ width:52px; height:52px;transition:all 0.2s}

.zhifour_left_right{ float:right; width:720px; height:145px;}
.zhifour_left_right_1{ width:720px; font-size:30px; color:#000; height:40px;}
.zhifour_left_right_2{ width:720px; font-size:14px; color:#000; line-height:27px; margin-top:15px;}
.zhifour_right{ float:right; width:380px; height:520px; background-color:#232324;opacity:0;filter:alpha(opacity=0);position:relative; right:-200px;}
.zhifour_1{ width:320px; height:285px; margin:auto; background:url(../img/zhi1_31.jpg) no-repeat right top; margin-top:115px;}
.zhifour_1_1{ font-size:16px; color:rgba(255,255,255,0.5); width:285px; text-align:right; height:40px; line-height:40px;}
.zhifour_1_2{ font-size:58px; color:#fd3f3e; width:285px; text-align:right; background:url(../img/phone_26.jpg) no-repeat right bottom; height:95px; margin-top:10px;}
.zhifour_1_3{ width:285px; text-align:right; font-size:16px; color:#fff; line-height:27px; margin-top:20px;}

.zhifive_warp{ width:100%; height:700px; background-color:#fff;}
.zhifive{ width:100%; height:772px; margin:auto;}
.zhifive_left{ width:50%; height:700px; position:absolute; left:0; z-index:0; overflow:hidden;}
.zhifive_left img{ width:100%; height:700px;}
.zhifive_img{ width:100%; height:100%; text-align: center; position: absolute;}
.zhifive_img_1{ width:100%; height:100%;}
.zhifive_img_1 img{ padding-top:104px;padding-left: 37px;}
.zhifive_img_2{ width:100%; font-size:42px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position:absolute; top:330px;}
.zhifive_img_3{ width:100%; font-size:53px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position:absolute; top:370px;}
.zhifive_img_4{ width:100%; font-size:30px; color:#383838;text-align: center; position:absolute; top:420px; height:70px; line-height:70px;}


.zhifive_right{ float:right; width:50%; height:772px; position:relative;}
.zhifive_right_1{ font-size:18px; color:#383838; position:absolute; top:122px; height:24px; left:150px; cursor:pointer;}
.zhifive_right_1 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.zhifive_right_1 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.zhifive_right_1:hover small {  opacity: 0;}
.zhifive_right_1:hover i { width: 100%;opacity: 1; }

.zhifive_right_2{ font-size:18px; color:#383838; position:absolute; top:200px; height:24px; left:240px; cursor:pointer;}
.zhifive_right_2 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.zhifive_right_2 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.zhifive_right_2:hover small {  opacity: 0;}
.zhifive_right_2:hover i { width: 100%;opacity: 1; }


.zhifive_right_3{ font-size:18px; color:#383838; position:absolute; top:295px; height:24px; left:280px; cursor:pointer;}
.zhifive_right_3 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.zhifive_right_3 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.zhifive_right_3:hover small {  opacity: 0;}
.zhifive_right_3:hover i { width: 100%;opacity: 1; }


.zhifive_right_4{ font-size:18px; color:#383838; position:absolute; bottom:349px; height:24px; left:280px; cursor:pointer;}
.zhifive_right_4 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.zhifive_right_4 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.zhifive_right_4:hover small {  opacity: 0;}
.zhifive_right_4:hover i { width: 100%;opacity: 1; }


.zhifive_right_5{ font-size:18px; color:#383838; position:absolute; bottom:238px; height:24px; left:230px; cursor:pointer;}
.zhifive_right_5 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.zhifive_right_5 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.zhifive_right_5:hover small {  opacity: 0;}
.zhifive_right_5:hover i { width: 100%;opacity: 1; }


.zhifive_right_6{ font-size:18px; color:#383838; position:absolute; bottom:168px; height:24px; left:147px; cursor:pointer;}
.zhifive_right_6 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.zhifive_right_6 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.zhifive_right_6:hover small {  opacity: 0;}
.zhifive_right_6:hover i { width: 100%;opacity: 1; }




.zhisix_warp{ width:100%; height:642px; background-color:#fff;}
.zhisix{ width:1200px; height:642px; margin:auto; position:relative;}
.zhisix_tit{ width:1200px; text-align: center; font-size:40px; color:#fff; height:52px; padding-top:425px;}
.zhisix_con{ width:1200px; font-size:16px; color:#fff; text-align: center; height:55px; line-height:55px;}
.xiaofour_all{ width:1200px; height:540px; margin-top:40px;}

.xiaofour_all_1{ width:1200px; height:105px;}
.xiaofour_1{ width:635px; height:105px; background:url(../img/hong_03.jpg) no-repeat 602px bottom;} 
.xiaofour_1_left{ float:left; width:540px; height:105px;}
.xiaofour_1_left_1{ width:540px; height:50px; line-height:50px; margin-top:5px; text-align:right; font-size:26px; color:#fff;}
.xiaofour_1_left_1 span{ font-size:20px; padding-left:10px;}
.xiaofour_1_left_2{ width:540px; text-align:right; font-size:14px; color:#fff; line-height:22px;}
.xiaofour_1_mid{ float:left; background:url(../img/wang_09.jpg) no-repeat center; width:18px; height:65px; margin-left:12px;}
.xiaofour_1_right{ float:right; width:65px; height:65px; background:url(../img/wang_06.png) no-repeat center;}
.xiaofour_1_right img{ width:59px; height:59px; padding:3px; border-radius:100px;}

.xiaofour_all_2{ width:1200px; height:105px;}
.xiaofour_2{ float:right; width:635px; height:105px; background:url(../img/hong_03.jpg) no-repeat 37px bottom;} 
.xiaofour_2_right{ float:right; width:540px; height:105px;}
.xiaofour_2_right_1{ width:540px; height:50px; line-height:50px; margin-top:5px; font-size:26px; color:#fff;}
.xiaofour_2_right_1 span{ font-size:20px; padding-left:10px;}
.xiaofour_2_right_2{ width:525px; font-size:14px; color:#fff; line-height:22px;}
.xiaofour_2_mid{ float:left; background:url(../img/wang_09.jpg) no-repeat center; width:18px; height:65px;}
.xiaofour_2_left{ float:left; width:65px; height:65px; background:url(../img/wang_06.png) no-repeat center; margin-left:5px;}
.xiaofour_2_left img{ width:59px; height:59px; padding:3px; border-radius:100px;}

.xiaofour_3{width:635px; height:105px;} 

.cheng{ display:none;}

/*新闻*/
.n_big{ width:100%; height:239px;}
.n_big1{ width:100%; height:170px; display:none;}
.n_big2{ width:100%; height:130px; display: none;}



.news{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:90px;}
.news ul li{ float:left; width:365px; height:225px; list-style:none; margin-bottom:75px; margin-right:52px;}
.news ul li.news_li{ margin-right:0px;}
.news ul li a{ display:block; width:365px; height:225px; position:relative; overflow:hidden; cursor:pointer;}
/*.news ul li a:hover .news_2{transform:translate(0,-225px);}*/
.news_1{ width:365px; height:225px;}

.news_1_1{ width:365px; height:67px; position:relative;}
.news_1_1_1{ width:365px; font-size:30px; color:#3f3f3f; height:40px;}
.news_1_1_2{ width:100%; font-size:14px; color:#afafaf; height:26px; border-bottom:1px solid #e4e4e4; position:relative;}
.news_1_1_2 small {transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑"; width:365px; height:26px; font-size:14px;}
.news_1_1_2 i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0;  transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit; border-bottom:1px solid #fd3f3e; height:26px;}
.news ul li a:hover small {  opacity: 0;}
.news ul li a:hover i { width: 100%;opacity: 1; }



.news_1_2{ width:365px; font-size:18px; color:#3f3f3f; height:60px; line-height:60px; overflow:hidden;}
.news_1_3{ width:365px; height:46px; font-size:14px; color:#9c9c9c; line-height:23px; overflow:hidden;}
.news_2{ width:365px; height:224px; border-top:1px solid #fd3f3e; position:absolute; background-color:#fff; bottom:-225px;transition:all ease-out .5s;transform:translate(0,0px);}
.news_2_1{ width:365px; font-size:18px; color:#3f3f3f; height:60px; line-height:60px; overflow:hidden;}
.news_2_2{ width:365px; height:46px; font-size:14px; color:#9c9c9c; line-height:23px; overflow:hidden;}
.news_2_3{ width:335px; height:81px; background-color:#fd3f3e; padding:0px 15px; margin-top:37px;}
.news_2_3_1{ width:100%; font-size:30px; color:#fff; height:40px; padding-top:10px;}
.news_2_3_2{ width:100%; font-size:14px; color:#fff;}




/*新闻详情*/
.datail{ width:100%; height:240px; position:relative;}
.datail_img{ width:100%; height:240px; position:absolute; top:0; z-index:-1;}
.datail_tit{ width:1175px; margin:auto; font-size:22px; color:#fff; height:240px; line-height:240px; background:url(../img/detail_09.jpg) no-repeat left; padding-left:25px;}
.datail_come_warp{ width:100%; height:62px; border-bottom:1px solid #e7e7e7;}
.datail_come{ width:1200px; height:62px; margin:auto;}
.datail_come_left{ float:left; font-size:12px; color:#686868; height:62px; line-height:62px;}
.datail_come_left span{ padding:0px 10px;}
.datail_come_right{ float:right; height:35px; margin-top:13px;}
.datail_come_right a{ display:inline-block; font-size:12px; color:#373737;  border:1px solid #616161; border-radius:4px; width:67px; height:33px; text-align: center; line-height:33px; margin-left:10px; cursor:pointer; cursor:pointer;}
.datail_come_right a.datail_a{ font-size:14px; color:#474747; padding-left:35px; background:url(../img/detail_05.jpg) no-repeat 15px;}
.datail_come_right a.datail_a:hover{ background-color:#fd3f3e; border:1px solid #fd3f3e; color:#fff; transition:all 0.2s; background-image:url(../img/detail_05.png); background-repeat:no-repeat; background-position:15px;} 
.datail_come_right a:hover{ background-color:#fd3f3e; border:1px solid #fd3f3e; color:#fff; transition:all 0.2s; } 
.detail_con{ width:1200px; height:auto; overflow:hidden; margin:auto; font-size:14px; color:#4b4b4b; line-height:33px; margin-top:30px; padding-bottom:30px;}
.detail_con img{}

.detail_1{ width:1200px; margin:auto;}
.detail_1_1{ width:1200px; text-align: center; background:url(../img/detail_20.jpg) no-repeat center top; height:30px; line-height:30px; padding-top:5px;}
.detail_1_1 a{ font-size:14px; color:#6e6e6e;}
.detail_1_2{ width:1200px; text-align: center; font-size:14px; color:#6e6e6e;}

.read_warp{ width:100%; height:auto; overflow:hidden; border-top:1px solid #e8e8e8; margin-top:50px;}
.read{ width:1200px; height:auto; overflow: hidden; margin:auto;}
.read_tit{ width:1200px; height:60px; margin:auto; text-align: center; line-height:60px; font-size:22px; color:#434343; padding-top:30px;}
.read_list{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
.read_list ul li{ float:left; width:365px; height:225px; list-style:none; margin-bottom:75px; margin-right:52px;}
.read_list ul li.read_list_li{ margin-right:0px;}
.read_list ul li a{ display:block; width:365px; height:225px; position:relative; overflow:hidden; cursor:pointer;}
.read_list ul li a:hover .news_1_2{ color:#fd3f3e; transition:all 0.2s;}
.read_list ul li a:hover .news_1_3{ color:#fd3f3e; transition:all 0.2s;}



@media screen and (max-width:1900px)and (min-width:1600px){
	/*案例详情*/
	.example_warp{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding-top:50px; padding-bottom:55px;}
	.example{ width:95%; height:auto; overflow:hidden; margin:auto;}
	.example_left{ float:left; width:70%; height:auto; overflow:hidden; text-align: center;}
	.example_left img{ width:90%;}
	.example_right{ float:right; width:30%; height:725px;margin-right:0px; position:relative; overflow:hidden;}
	.example_all{ width:25%; height:500px; background-image:url(../img/case1_06.png); background-repeat:no-repeat; background-position:left top; background-color:#fff; position:fixed; top:151px; z-index:9;}
	
	.example_1{ width:100%; height: auto; padding-bottom:10px; overflow:hidden; margin-left:40px; position:relative; border-bottom:1px dashed #cccccc;}
	.example_1_1{ width:100%; font-size:72px; color:#fd3f3e; font-weight:bold; height: auto;}
	.example_1_2{ font-size:30px; color:#3e3e3e; height:40px; width:185px; text-align:right;}
	.example_2{ width:100%; height:224px; overflow:hidden; margin-left:40px; font-size:14px; color:#3e3e3e; line-height:27px; margin-top:25px; border-bottom:1px dashed #cccccc;}
	.example_3{ width:100%; height: auto; overflow:hidden; margin-left:40px;}
	.example_3_1{ width:100%; font-size:20px; color:#3e3e3e; height:70px; line-height:70px; overflow:hidden;}
	
	.example_3_2 span{ font-size:14px; color:#c0c0c0; display:inline-block; height:31px; line-height:31px; padding:0px 15px; background-color:#f3f3f3;}
	.example_4{ width:450px; height:58px; background-color:#3d3d3d; margin-left:40px; position: fixed; bottom:204px;}
	.example_4_1{ float:left; width:84px; height:58px; border-right:1px solid #535353; text-align: center;}
	.example_4_1 a{ display:block; width:84px; height:35px; padding-top:23px; cursor:pointer;}

	.example_4_2{ float:left; width:84px; height:58px; border-right:1px solid #535353; text-align: center;}
	.example_4_2 a{ display:block; width:84px; height:35px; padding-top:23px; cursor:pointer;}

	.example_4_3{ float:left; height:58px; margin-left:23px;}
	.example_4_3 a{ display:block; font-size:14px; color:#fff; height:58px; line-height:58px; background:url(../img/case1_09.png) no-repeat left; padding-left:55px;}

}

@media screen and (max-width:1600px)and (min-width:1440px){
	
	.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 3em;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin:0px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}


/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon-effect-8 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.hi-icon-effect-8 .hi-icon:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.hi-icon-effect-8 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
		transform: scale(1.5);
		opacity: 0;
	}
}

	
	
	/*头部*/
	.header_piao{ width:100%; height:101px; overflow:hidden;}
	.header{ width:100%; height:100px; background-color:#fff; z-index:12; border-bottom: 1px solid #e9e9e9;}
	.head{ width:95%; height:100px; margin:auto;}
	.head_left{ float:left;padding-top: 18px;padding-left: 23px;}
	.head_right{ float:right; height:75px; padding-top:24px;}
	.tel{ float:left; height:75px; background:url(../img/recruit_03.jpg) no-repeat right top; padding-right:20px; }
	.tel_left{ float:left; width:53px; height:54px;}
	.tel_right{ float:right; margin-left:5px;}
	.tel_right_1{ font-size:14px; color:#000; padding-top:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;opacity:0.5;}
	.tel_right_2{ font-size:24px; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	.dan{ float:right; height:54px; line-height:54px; font-size:24px; margin-left:20px;}
	.dan a{ font-family:Arial, Helvetica, sans-serif; background: url(../img/case_12.png) no-repeat right; padding-right:45px; cursor:pointer;opacity:0.5; color:#000;}
	.dan a:hover{opacity:1;transition:all 0.2s; }

	.phoneeight_warp{ width:100%; height:700px; overflow:hidden;}
	.phoneeight{ width:100%; height:900px; margin:auto;}
	.phoneeight_en{ width:1200px; height:49px; text-align: center; margin:auto; margin-top:72px;}
	.phoneeight_en img{ width:222px; height:49px;}
	.phoneeight_tit{ width:1200px; height:; font-size:25px; color:#2f2f2f; text-align: center; margin:auto; height:45px; line-height:45px;}
	.phoneeight_list{ width:1287px; height:544px; margin:auto; margin-top:75px;}
	.phoneeight_list ul li{ float:left; width:429px; height:272px; list-style:none;}
	
	.grid {
		overflow: hidden;
		margin: 0;
		width: 100%;
		list-style: none;
		text-align: center; height:272px; max-width:429px; background:#ef342b;
	}
	
	/* Common style */
	.grid figure {
		position: relative;
		z-index: 1;
		display: inline-block;
		overflow: hidden;
		width:100%;
		height: 272px;
		
		text-align: center;
		cursor: pointer;
	}
	
	.grid figure img {
		position: relative;
		display: block;
		min-height: 100%;
	
	}
	
	.grid figure figcaption {
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.grid figure figcaption::before,
	.grid figure figcaption::after {
		pointer-events: none;
	}
	
	.grid_1{ width:429px; height:272px;}
	.grid_1 img{ width:429px; height:272px;}
	figure.effect-bubba img {
	
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s; margin:auto;
	}
	
	figure.effect-bubba:hover img {
		opacity: 0.4;
	}
	
	figure.effect-bubba figcaption::before,
	figure.effect-bubba figcaption::after {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}
	
	figure.effect-bubba figcaption::before {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}
	
	figure.effect-bubba figcaption::after {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
	}
	
	.phoneeight_img{ width:100%; height:76px; text-align: center; margin:auto; position:absolute; top:85px; transition: transform 0.35s;opacity: 0;}
	.phoneeight_img img{ width: auto; height:76px;}
	.phoneeight_list_tit { width:100%; height:50px; font-size:12px; color:#fff; line-height:50px; text-align: center; margin:auto; position:absolute; top:165px; transition: transform 0.35s;opacity:0;}
	
	
	figure.effect-bubba:hover figcaption::before,
	figure.effect-bubba:hover figcaption::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	figure.effect-bubba:hover .phoneeight_img,
	figure.effect-bubba:hover .phoneeight_img img,
	figure.effect-bubba:hover .phoneeight_list_tit{
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	
	.phoneeight_more{ width:1200px; text-align:center; height:45px; margin:auto; margin-top:40px;}
	.phoneeight_more a{ display:inline-block; font-size:14px; color:#fff; width:180px; height:43px; border:1px solid #fff; text-align: center; line-height:43px; border-radius:20px; cursor:pointer;}
	.phoneeight_more a:hover{ background-color:#fd3f3e; transition:all 0.2s; border:1px solid #fd3f3e;}
	
	/*案例详情*/
	.example_warp{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding-top:38px; padding-bottom:55px;}
	.example{ width:95%; height:auto; overflow:hidden; margin:auto;}
	.example_left{ float:left; width:70%; height:auto; overflow:hidden; text-align: center;}
	.example_left img{ width:90%;}
	.example_right{ float:right; width:30%; height:725px;margin-right:0px; position:relative; overflow:hidden;}
	.example_all{ width:22%; height: auto; overflow:hidden; background-image:url(../img/case1_06.png); background-repeat:no-repeat; background-position:left top; background-color:#fff; position:fixed; top:140px; z-index:9;}
	
	.example_1{ width:95%; height: auto; padding-bottom:5px; overflow:hidden; margin-left:5%; position:relative; border-bottom:1px dashed #cccccc;}
	.example_1_1{ width:100%; font-size:65px; color:#fd3f3e; font-weight:bold; height: auto; }
	.example_1_2{ font-size:24px; color:#3e3e3e; height:40px; width:169px; text-align:right;}
	.example_2{ width:95%; height:140px; overflow:hidden; margin-left:5%; font-size:14px; color:#3e3e3e; line-height:27px; margin-top:10px; border-bottom:1px dashed #cccccc;}
	.example_3{ width:95%; height: auto; overflow:hidden; margin-left:5%;}
	.example_3_1{ width:100%; font-size:18px; color:#3e3e3e; height:50px; line-height:50px; overflow:hidden;}
	
	.example_3_2 span{ font-size:14px; color:#c0c0c0; display:inline-block; height:31px; line-height:31px; padding:0px 15px; background-color:#f3f3f3;}
	.example_4{ width:22%; height:58px; background-color:#3d3d3d; margin-left:0px; position: fixed; bottom:204px;}
	.example_4_1{ float:left; width:84px; height:58px; border-right:1px solid #535353; text-align: center;}
	.example_4_1 a{ display:block; width:84px; height:35px; cursor:pointer; padding-top:23px;}


	.example_4_2{ float:left; width:84px; height:58px; border-right:1px solid #535353; text-align: center;}
	.example_4_2 a{ display:block; width:84px; height:35px; cursor:pointer; padding-top:23px;}

	.example_4_3{ float:left; height:58px; margin-left:23px;}
	.example_4_3 a{ display:block; font-size:14px; color:#fff; height:58px; line-height:58px; background:url(../img/case1_09.png) no-repeat left; padding-left:55px;}
	
}
@media screen and (max-width:1439px)and (min-width:1366px){
	/*头部*/	
	.header_piao{ width:100%; height:101px; overflow:hidden;}
	.header{ width:100%; height:100px; background-color:#fff; position:fixed; z-index:12; border-bottom: 1px solid #e9e9e9;}
	.head{ width:95%; height:100px; margin:auto;}
	.head_left{ float:left;padding-top: 18px;padding-left: 23px;}
	.head_right{ float:right; height:75px; padding-top:24px;}
	.tel{ float:left; height:75px; background:url(../img/recruit_03.jpg) no-repeat right top; padding-right:20px; }
	.tel_left{ float:left; width:53px; height:54px;}
	.tel_right{ float:right; margin-left:5px;}
	.tel_right_1{ font-size:14px; color:#000; padding-top:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;opacity:0.5;}
	.tel_right_2{ font-size:24px; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	.dan{ float:right; height:54px; line-height:54px; font-size:24px; margin-left:20px;}
	.dan a{ font-family:Arial, Helvetica, sans-serif; background: url(../img/case_12.png) no-repeat right; padding-right:45px; cursor:pointer;opacity:0.5; color:#000;}
	.dan a:hover{opacity:1;transition:all 0.2s; }

	.phoneeight_warp{ width:100%; height:700px; overflow:hidden;}
	.phoneeight{ width:100%; height:900px; margin:auto;}
	.phoneeight_en{ width:1200px; height:49px; text-align: center; margin:auto; margin-top:72px;}
	.phoneeight_en img{ width:222px; height:49px;}
	.phoneeight_tit{ width:1200px; height:; font-size:25px; color:#2f2f2f; text-align: center; margin:auto; height:45px; line-height:45px;}
	.phoneeight_list{ width:1287px; height:544px; margin:auto; margin-top:75px;}
	.phoneeight_list ul li{ float:left; width:429px; height:272px; list-style:none;}
	
	.grid {
		overflow: hidden;
		margin: 0;
		width: 100%;
		list-style: none;
		text-align: center; height:272px; max-width:429px; background:#ef342b;
	}
	
	/* Common style */
	.grid figure {
		position: relative;
		z-index: 1;
		display: inline-block;
		overflow: hidden;
		width:100%;
		height: 272px;
		
		text-align: center;
		cursor: pointer;
	}
	
	.grid figure img {
		position: relative;
		display: block;
		min-height: 100%;
	
	}
	
	.grid figure figcaption {
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.grid figure figcaption::before,
	.grid figure figcaption::after {
		pointer-events: none;
	}
	
	.grid_1{ width:429px; height:272px;}
	.grid_1 img{ width:429px; height:272px;}
	figure.effect-bubba img {
	
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s; margin:auto;
	}
	
	figure.effect-bubba:hover img {
		opacity: 0.4;
	}
	
	figure.effect-bubba figcaption::before,
	figure.effect-bubba figcaption::after {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}
	
	figure.effect-bubba figcaption::before {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}
	
	figure.effect-bubba figcaption::after {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
	}
	
	.phoneeight_img{ width:100%; height:76px; text-align: center; margin:auto; position:absolute; top:85px; transition: transform 0.35s;opacity: 0;}
	.phoneeight_img img{ width: auto; height:76px;}
	.phoneeight_list_tit { width:100%; height:50px; font-size:12px; color:#fff; line-height:50px; text-align: center; margin:auto; position:absolute; top:165px; transition: transform 0.35s;opacity:0;}
	
	
	figure.effect-bubba:hover figcaption::before,
	figure.effect-bubba:hover figcaption::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	figure.effect-bubba:hover .phoneeight_img,
	figure.effect-bubba:hover .phoneeight_img img,
	figure.effect-bubba:hover .phoneeight_list_tit{
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	
	.phoneeight_more{ width:1200px; text-align:center; height:45px; margin:auto; margin-top:40px;}
	.phoneeight_more a{ display:inline-block; font-size:14px; color:#fff; width:180px; height:43px; border:1px solid #fff; text-align: center; line-height:43px; border-radius:20px; cursor:pointer;}
	.phoneeight_more a:hover{ background-color:#fd3f3e; transition:all 0.2s; border:1px solid #fd3f3e;}
	
	.big_all{ width:100%; height:240px; position:relative; background:url(../img/tu2.jpg) no-repeat center; background-size:auto 100%;}
	/*案例详情*/
	.example_warp{ width:100%; height:auto;  background-color:#fff; padding-top:35px; padding-bottom:55px;}
	.example{ width:95%; height:auto; overflow:hidden; margin:auto;}
	.example_left{ float:left; width:70%; height:auto; overflow:hidden; text-align: center;}
	.example_left img{ width:90%;}
	.example_right{ float:right; width:30%; height:725px;margin-right:0px; position:relative;}
	.example_all{ width:22%; height: auto; overflow:hidden; background-image:url(../img/case1_06.png); background-repeat:no-repeat; background-position:left top; background-color:#fff; position:fixed; top:136px; z-index:9;}
	
	.example_1{ width:95%; height: auto; padding-bottom:10px; overflow:hidden; margin-left:5%; position:relative; border-bottom:1px dashed #cccccc;}
	.example_1_1{ width:100%; font-size:50px; color:#fd3f3e; font-weight:bold; height: auto; display:none;}
	.example_1_2{ font-size:22px; color:#3e3e3e; height:40px; width:169px; text-align:left;}
	.example_2{ width:95%; height:110px; overflow:hidden; margin-left:5%; font-size:14px; color:#3e3e3e; line-height:27px; margin-top:5px; border-bottom:1px dashed #cccccc;}
	.example_3{ width:95%; height: auto; overflow:hidden; margin-left:5%;}
	.example_3_1{ width:100%; font-size:16px; color:#3e3e3e; height:45px; line-height:45px; overflow:hidden;}
	
	.example_3_2 span{ font-size:14px; color:#c0c0c0; display:inline-block; height:31px; line-height:31px; padding:0px 15px; background-color:#f3f3f3;}
	.example_4{ width:22%; height:58px; background-color:#3d3d3d; margin-left:0px; position: fixed; bottom:204px;}
	.example_4_1{ float:left; width:84px; height:58px; border-right:1px solid #535353; text-align: center;}
	.example_4_1 a{ display:block; width:84px; height:35px; cursor:pointer; padding-top:23px;}

	.example_4_2{ float:left; width:84px; height:58px; border-right:1px solid #535353; text-align: center;}
	.example_4_2 a{ display:block; width:84px; height:35px; cursor:pointer; padding-top:23px;}

	.example_4_3{ float:left; height:58px; margin-left:23px;}
	.example_4_3 a{ display:block; font-size:14px; color:#fff; height:58px; line-height:58px; background:url(../img/case1_09.png) no-repeat left; padding-left:55px;}
	.big_all {
    width: 100%;
    height: 240px;
    position: relative;
    background: url(../img/tu2.jpg) no-repeat center;
    background-size: auto 100%;
}
	.fixed {
    position: fixed;
    width: 100%;
    max-width: none;
    left: 0;
    top: -85px;
    z-index: 10;
    margin-top: 0px;
}
	
}

@media screen and (max-width:1365px)and (min-width:1200px){
	.head_left img{
		width: 60px;
	}
	/*头部*/
	.header_piao{ width:100%; height:81px; overflow:hidden;}
	.header{ width:100%; height:80px; background-color:#fff; position:fixed;z-index:12; border-bottom: 1px solid #e9e9e9;}
	.head{ width:95%; height:80px; margin:auto;}
	.head_left{ float:left;padding-top: 10px;padding-left: 23px;}
	.head_right{ float:right; height:75px; padding-top:14px;}
	.tel{ float:left; height:75px; background:url(../img/recruit_03.jpg) no-repeat right top; padding-right:20px; }
	.tel_left{ float:left; width:53px; height:54px;}
	.tel_right{ float:right; margin-left:5px;}
	.tel_right_1{ font-size:14px; color:#000; padding-top:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;opacity:0.5;}
	.tel_right_2{ font-size:24px; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	.dan{ float:right; height:54px; line-height:54px; font-size:24px; margin-left:20px;}
	.dan a{ font-family:Arial, Helvetica, sans-serif; background: url(../img/case_12.png) no-repeat right; padding-right:45px; cursor:pointer;opacity:0.5; color:#000;}
	.dan a:hover{opacity:1;transition:all 0.2s; }
	
	/*响应式网站*/
	.yingtwo_warp{ width:100%; height:356px;}
	.yingtwo{ width:1100px; height:356px; margin:auto; position:relative;}
	.yingtwo_left{ float:left; width:640px; height:255px; padding-top:85px;}
	.yingtwo_left_1{ width:640px; height:70px; font-size:30px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
	.yingtwo_left_2{ width:640px; font-size:14px; color:#2f2f2f; line-height:32px; margin-top:30px;}
	.yingtwo_right{ float:right; height:335px; padding-top:25px; width:395px;}
	
	.yingthree_warp{ width:100%; height:367px;}
	.yingthree{ width:1100px; height:367px; margin:auto; position:relative;}
	.yingthree_left{ float:left; width:50%; height:255px; padding-top:90px; text-align: center;}
	.yingthree_left img{ width:80%;}
	
	.yingthree_right{ float:right; height:220px; padding-top:105px; width:50%;}
	.yingthree_right_1{ width:100%; height:70px; font-size:30px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
	.yingthree_right_2{ width:100%; font-size:14px; color:#2f2f2f; line-height:32px; margin-top:30px;}
	
	.yingfour_warp{ width:100%; height:361px;}
	.yingfour{ width:1100px; height:361px; margin:auto; position:relative;}
	.yingfour_left{ float:left; width:50%; height:255px; padding-top:100px;}
	.yingfour_left_1{ width:100%; height:70px; font-size:30px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
	.yingfour_left_2{ width:100%; font-size:14px; color:#2f2f2f; line-height:32px; margin-top:30px;}
	.yingfour_right{ float:right; height:335px; padding-top:40px; width:45%; text-align: center;}
	.yingfour_right img{ width:80%}
	
	.yingfive_warp{ width:100%; height:623px; overflow:hidden;}
	.yingfive{ width:1100px; height:623px; margin:auto; position:relative;}
	.yingfive_tit{ width:1100px; height:130px; text-align: center; line-height:130px; font-size:24px; color:#fff;}
	
	.yingfive_list{ width:1100px; height:auto; overflow:hidden; margin-top:15px;}
	.yingfive_list ul li{ float:left; width:530px; height:114px; list-style:none; margin-right:40px; margin-bottom:30px; cursor:pointer;}
	.yingfive_list ul li.yingfive_list_li{ margin-right:0px;}
	.yingfive_list ul li:hover .yingfive_1_left{ color:#fd3f3e; transition:all 0.2s;}
	.yingfive_list ul li:hover .phoneserve_1_right{ border:2px solid #fd3f3e; transition:all 0.2s; background-color:#fd3f3e;}
	.yingfive_list ul li:hover .yingfive_2_right{ color:#fd3f3e; transition:all 0.2s;}
	.yingfive_list ul li:hover .phoneserve_2_left{ border:2px solid #fd3f3e; transition:all 0.2s; background-color:#fd3f3e;}
	.yingfive_1{ width:530px; height:114px;}
	.yingfive_1_left{ float:left; width:415px; height:114px; font-size:20px; color:#fff; line-height:114px; text-align:right;}

	.phoneeight_warp{ width:100%; height:700px; overflow:hidden;}
	.phoneeight{ width:100%; height:800px; margin:auto; position:relative;}
	.phoneeight_en{ width:100%; height:49px; text-align: center; margin:auto; margin-top:0px; padding-top:72px;}
	.phoneeight_en img{ width:222px; height:49px;}
	.phoneeight_tit{ width:100%; height:; font-size:25px; color:#2f2f2f; text-align: center; margin:auto; height:45px; line-height:45px;}
	.phoneeight_list{ width:1161px; height:488px; margin:auto; margin-top:75px;}
	.phoneeight_list ul li{ float:left; width:387px; height:244px; list-style:none;}
	
	.grid {
		overflow: hidden;
		margin: 0;
		width: 100%;
		list-style: none;
		text-align: center; height:244px; max-width:387px; background:#ef342b;
	}
	
	/* Common style */
	.grid figure {
		position: relative;
		z-index: 1;
		display: inline-block;
		overflow: hidden;
		width:100%;
		height: 244px;
		
		text-align: center;
		cursor: pointer;
	}
	
	.grid figure img {
		position: relative;
		display: block;
		min-height: 100%;
	
	}
	
	.grid figure figcaption {
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.grid figure figcaption::before,
	.grid figure figcaption::after {
		pointer-events: none;
	}
	
	.grid_1{ width:387px; height:244px;}
	.grid_1 img{ width:387px; height:244px;}
	figure.effect-bubba img {
	
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s; margin:auto;
	}
	
	figure.effect-bubba:hover img {
		opacity: 0.4;
	}
	
	figure.effect-bubba figcaption::before,
	figure.effect-bubba figcaption::after {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}
	
	figure.effect-bubba figcaption::before {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}
	
	figure.effect-bubba figcaption::after {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
	}
	
	.phoneeight_img{ width:100%; height:76px; text-align: center; margin:auto; position:absolute; top:65px; transition: transform 0.35s;opacity: 0;}
	.phoneeight_img img{ width: auto; height:76px;}
	.phoneeight_list_tit { width:100%; height:50px; font-size:12px; color:#fff; line-height:50px; text-align: center; margin:auto; position:absolute; top:140px; transition: transform 0.35s;opacity:0;}
	
	
	figure.effect-bubba:hover figcaption::before,
	figure.effect-bubba:hover figcaption::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	figure.effect-bubba:hover .phoneeight_img,
	figure.effect-bubba:hover .phoneeight_img img,
	figure.effect-bubba:hover .phoneeight_list_tit{
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	
	.phoneeight_more{ width:100%; text-align:center; height:45px; margin:auto; margin-top:40px;}
	.phoneeight_more a{ display:inline-block; font-size:14px; color:#fff; width:180px; height:43px; border:1px solid #fff; text-align: center; line-height:43px; border-radius:20px; cursor:pointer;}
	.phoneeight_more a:hover{ background-color:#fd3f3e; transition:all 0.2s; border:1px solid #fd3f3e;}
	.back { width: 49px; height: 49px; position: absolute; right: 0px; bottom: 0px;}
	.back a{ width:49px; height:49px;}
	.back img{ width:49px; height:49px;}
	.deeper{ width:100%; height:154px; background-color:#262626; }
	.deep{ width:1100px; height:114px; margin:auto; padding-top:40px;} 
	.deep_left{ float:left;}
	.deep_left_1{ font-size:39px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:44px; overflow:hidden;}
	.deep_left_2{ width:; height:50px;}
	.deep_1{ float:left; height:50px; line-height:50px; font-size:16px; color:#fff; background:url(../img/case_66.png) no-repeat left; padding-left:20px;}
	.deep_2{ float:left; height:50px; line-height:50px; font-size:14px; color:#fff; background:url(../img/case_63.png) no-repeat left; padding-left:20px; margin-left:30px;}
	
	
	.deep_right{ float:right;}
	.deep_right_1{ height:48px; line-height:48px; font-size:12px; color:#fff; float:right; width:209px; overflow:hidden;}
	.deep_right_1 a{ margin-left:15px; margin-right:20px;}
	.deep_right_2{ font-size:12px; color:#fff; line-height:24px;opacity:0.5; text-align:right;}
	
	/*手机网站*/
	.phoneone{ width:100%; height:729px; overflow:hidden;}
	.phonetwo_warp{ width:100%; height:339px;}
	.phonetwo{ width:100%; height:339px; margin:auto; position:relative;}
	.phonetwo_1{ width:100%; text-align:center; font-size:30px; color:#444444; height:37px; padding-top:50px;}
	.phonetwo_2{ font-size:20px; color:#272727; line-height:32px; width:800px; height:100px; background:url(../img/phone_03.jpg) no-repeat center bottom; text-align: center; margin:auto; overflow:hidden; margin-top:35px;}
	.phonetwo_3{ width:100%; height:50px; position:absolute; bottom:0; text-align: center;}
	.phonetwo_3 a{ display:inline-block; background:url(../img/phone_07.png) no-repeat center; width:233px; height:50px; text-align: center; line-height:50px; font-size:14px; color:#333;}
	
	.phonethree_warp{ width:100%; height:538px; overflow:hidden;}
	.phonethree{ width:100%; height:538px; margin:auto;}
	.phonethree_tit{ width:100%; text-align: center; font-size:24px; color:#fff; height:32px; padding-top:60px;}
	.phonethree_con{ width:100%; text-align: center; background:url(../img/phone_03.jpg) no-repeat center bottom; font-size:14px; color:#878787; height:40px; margin-top:20px;}
	.phonethree_list{ width:1080px; height:235px; margin:auto; margin-top:60px;}
	
	.phonefour_warp{ width:100%; height:672px; overflow:hidden;}
	.phonefour{ width:1100px; height:672px; margin:auto;}
	.phonefour_left{ float:left; width:755px; padding-top:90px; height:auto; overflow:hidden;}
	.phonefour_left ul li{ width:755px; height:100px; margin-bottom:30px; list-style:none; cursor:pointer;}
	.phonefour_left ul li:hover .phonefour_left_right_1{color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.phonefour_left ul li:hover .phonefour_left_right_2{color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.phonefour_left_left{ float:left; width:53px; height:53px; border:1px solid #272636; border-radius:100px;}
	.phonefour_left_left img{ width:53px; height:53px;}
	
	
	.phonefour_left_right{ float:right; width:690px; height:100px;}
	.phonefour_left_right_1{ width:690px; font-size:30px; color:#000; height:40px; overflow:hidden;}
	.phonefour_left_right_2{ width:690px; font-size:14px; color:#000; height:40px; line-height:40px;}
	.phonefour_right{ float:right; width:335px; height:490px; background-color:#43bcc1;}
	.phonefour_1{ width:285px; border-right:1px solid #fff; margin:auto; height:280px; margin-top:118px;}
	.phonefour_1_1{ width:260px; text-align:right; font-size:36px; color:#fff; line-height:60px; background:url(../img/phone_26.jpg) no-repeat right bottom; height:145px;}
	.phonefour_1_2{ width:260px; text-align:right; font-size:14px; color:#fff; line-height:25px;opacity: 0.5; margin-top:35px;}
	
	.phonefive_warp{ width:100%;  height:773px; overflow:hidden;}
	.phonefive{ width:1100px; height:773px; margin:auto;}
	.phonefive_top{ width:1100px; height:520px;}
	.phonefive_top_left{ float:left; width:335px; height:490px; background-color:#43bcc1;}
	.phonefive_1{ width:285px; border-left:1px solid #fff; margin:auto; height:280px; margin-top:118px;}
	.phonefive_1_1{ width:260px; font-size:36px; color:#fff; line-height:60px; background:url(../img/phone_26.jpg) no-repeat left bottom; height:145px; margin-left:25px;}
	.phonefive_1_2{ width:260px; font-size:14px; color:#fff; line-height:25px;margin-left:25px; margin-top:35px;}
	.phonefive_top_right{ float:right; width:735px; height:520px;}
	
	.phonefive_bottom{ width:1098px; height:100px; margin-top:125px;}
	.phonefive_bottom ul li{ float:left; width:366px; height:100px; list-style:none;}
	.phonefive_bottom_1{ width:366px; height:52px; font-size:40px; color:#fff; text-align: center;}
	.phonefive_bottom_1 span{ font-size:14px; margin-left:5px;}
	.phonefive_bottom_2{ width:366px; font-size:14px; color:#fff; text-align: center; height:48px; line-height:48px;}
	
	.phonesix_warp{ width:100%; height:831px; overflow:hidden;}
	.phonesix{ width:1100px; height:831px; margin:auto; position:relative;}
	.phonesix_1{ width:1100px; text-align: center; font-size:26px; color:#000; height:35px; padding-top:50px;}
	.phonesix_2{ width:1100px; text-align: center; background: url(../img/phone_031.jpg) no-repeat center bottom; font-size:22px; color:rgba(0,0,0,0.34); height:45px; margin-top:20px;}
	.phonesix_3{ background:url(../img/phone_45.png) no-repeat center; width:973px; height:631px; position:absolute; left:114px; bottom:0;}
	.phonesix_list{ width:714px; height:446px; margin-left: 127.5px; margin-top: 45.5px;}
	
	
	.phoneserve_warp{ width:100%; height:642px; overflow:hidden;}
	.phoneserve{ width:1100px; height:642px; margin:auto;}
	.phoneserve_tit{ width:1100px; text-align: center; font-size:26px; background:url(../img/phone_03.jpg) no-repeat center bottom; height:60px; padding-top:65px; color:#fff;}
	.phoneserve_con{ width:1100px; height:auto; overflow:hidden; margin-top:65px;}
	.phoneserve_con ul li{ float:left; width:523px; height:93px; list-style:none; margin-right:50px; margin-bottom:30px; cursor:pointer;	}
	.phoneserve_con ul li.phoneserve_con_li{ margin-right:0px;}
	.phoneserve_con ul li:hover .phoneserve_1_right{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_1_left_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_1_left_1{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	
	.phoneserve_con ul li:hover .phoneserve_2_left{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_2_right_1{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_2_right_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	
	.phoneserve_1{ width:530px; height:93px;}
	.phoneserve_1_left{ float:left; width:410px; height:93px;}
	.phoneserve_1_left_1{ width:98%; text-align:right; font-size:18px; color:#fff; height:35px; line-height:35px;} 
	.phoneserve_1_left_2{ width:98%; font-size:14px; color:#fff; line-height:32px; height:64px; overflow:hidden; text-align:right;}
	.phoneserve_1_right{ float:right; width:68px; height:68px; border:2px solid #fff; border-radius:100px;}
	.phoneserve_1_right img{ width:68px; height:68px;}
	
	.phoneserve_2{ width:530px; height:93px;}
	.phoneserve_2_right{ float:right; width:410px; height:93px;}
	.phoneserve_2_right_1{ width:98%; font-size:18px; color:#fff; height:35px; line-height:35px; margin-left:2%;} 
	.phoneserve_2_right_2{ width:98%; font-size:14px; color:#fff; line-height:32px; height:64px; overflow:hidden; margin-left:2%;}
	.phoneserve_2_left{ float:left; width:68px; height:68px; border:2px solid #fff; border-radius:100px;}
	.phoneserve_2_left img{ width:68px; height:68px;}
	
	/*营销型网站*/
	.xiaotwo_warp{ width:100%; height:701px;}
	.xiaotwo{ width:1100px; height:701px; margin:auto; position:relative;}
	.xiaotwo_tit{ width:1100px; text-align: center; font-size:26px; color:#fff; height:60px; background:url(../img/phone_03.jpg) no-repeat center bottom; padding-top:80px;}
	.xiaotwo_list{ width:1100px; height:350px; margin-top:130px;} 
	.xiaotwo_list ul li{ float:left; width:550px; height:350px; list-style:none; cursor:pointer;}
	.xiaotwo_list ul li:hover .xiaotwo_list_1{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;}
	.xiaotwo_list ul li:hover .xiaotwo_list_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaotwo_list ul li:hover .xiaotwo_list_3{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaotwo_list_1{ width:134px; height:134px; margin:auto; border-radius:100px; border:2px solid #fff;}
	.xiaotwo_list_1 img{ width:134px; height:134px;}
	.xiaotwo_list_2{ width:550px; font-size:22px; color:#fff; text-align: center; height:70px; line-height:70px;}
	.xiaotwo_list_3{ width:550px; text-align: center; font-size:14px; line-height:25px; height:100px; overflow:hidden; color:#fff; margin-top:10px;}
	
	.xiaothree_warp{ width:100%; height:771px;}
	.xiaothree{ width:1100px; height:771px; margin:auto; position:relative;}

	.xiaofour_warp{ width:100%; height:773px;}
	.xiaofour{ width:1100px; height:773px; margin:auto; position:relative;}
	.xiaofour_tit{ width:1100px; text-align: center; font-size:26px; color:#fff; background:url(../img/phone_26.jpg) no-repeat center bottom; height:65px; padding-top:65px;}
	.xiaofour_all{ width:1100px; height:540px; background:url(../img/xiao_14.png) no-repeat center top; margin-top:40px;}

	.xiaofour_all_1{ width:1100px; height:105px;}
	.xiaofour_1{ width:585px; height:105px; background:url(../img/hong_03.jpg) no-repeat 551.5px bottom;} 
	.xiaofour_1_left{ float:left; width:485px; height:105px;}
	.xiaofour_1_left_1{ width:485px; height:50px; line-height:50px; margin-top:5px; text-align:right; font-size:26px; color:#fff;}
	.xiaofour_1_left_1 span{ font-size:20px; padding-left:10px;}
	.xiaofour_1_left_2{ width:485px; text-align:right; font-size:14px; color:#fff; line-height:22px;}
	.xiaofour_1_mid{ float:left; background:url(../img/wang_09.jpg) no-repeat center; width:18px; height:65px; margin-left:12px;}
	.xiaofour_1_right{ float:right; width:65px; height:65px; background:url(../img/wang_06.png) no-repeat center;}
	.xiaofour_1_right img{ width:59px; height:59px; padding:3px; border-radius:100px;}
	
	.xiaofour_all_2{ width:1100px; height:105px;}
	.xiaofour_2{ float:right; width:585px; height:105px; background:url(../img/hong_03.jpg) no-repeat 37px bottom;} 
	.xiaofour_2_right{ float:right; width:485px; height:105px;}
	.xiaofour_2_right_1{ width:485px; height:50px; line-height:50px; margin-top:5px; font-size:26px; color:#fff;}
	.xiaofour_2_right_1 span{ font-size:20px; padding-left:10px;}
	.xiaofour_2_right_2{ width:485px; font-size:14px; color:#fff; line-height:22px;}
	.xiaofour_2_mid{ float:left; background:url(../img/wang_09.jpg) no-repeat center; width:18px; height:65px;}
	.xiaofour_2_left{ float:left; width:65px; height:65px; background:url(../img/wang_06.png) no-repeat center; margin-left:5px;}
	.xiaofour_2_left img{ width:59px; height:59px; padding:3px; border-radius:100px;}
	.xiaofour_3{width:585px; height:105px;} 
	
	/*定制网站*/
	.zhitwo_warp{ width:100%; height:700px;}
	.zhitwo{ width:1100px; height:656px; margin:auto; position:relative;}
	.zhitwo_tit{ width:1100px; font-size:26px; color:#444; text-align: center; height:70px; line-height:70px; padding-top:55px;}
	.zhitwo_con{ width:730px; text-align: center; font-size:16px; color:#7a7a7a; line-height:32px; height:85px; background:url(../img/zhi1_05.jpg) no-repeat center bottom; margin:auto; margin-top:5px;}
	
	
	.zhithree_warp{ width:100%; height:642px;}
	.zhithree{ width:1100px; height:607px; margin:auto; position:relative;}
	.zhithree_left{ float:left; width:515px; height:270px; padding-top:195px;}
	.zhithree_left_1{ width:515px; height:40px; font-size:30px; color:#fff;}
	.zhithree_left_2{ width:515px; height:211px; margin-top:16px;}
	.zhithree_left_2 img{ width:400px; height:211px;}
	.zhithree_right{ float:left; width:252px; height:252px; border:3px solid #fff; margin-top:195px;}
	.zhithree_right_1{ width:252px; text-align: center; height:103px; margin-top:48px;}
	.zhithree_right_2{ width:252px; text-align: center; font-size:26px; color:#fff; font-family:Arial, Helvetica, sans-serif; height:85px; line-height:85px;}
	
	.zhifour_warp{ width:100%; height:700px;}
	.zhifour{ width:1100px; height:772px; margin:auto; position:relative;}
	.zhifour_left{ float:left; width:760px; height:auto; padding-top:130px;}
	.zhifour_left ul li{ width:760px; height:145px; margin-bottom:20px; list-style:none; cursor:pointer;}
	.zhifour_left ul li:hover .zhifour_left_left img{;-moz-transform:scale(1.1,1.1);
		-webkit-transform:scale(1.1,1.1);
		-o-transform:scale(1.1,1.1);
		-ms-transform:scale(1.1,1.1);
		 transform:scale(1.1,1.1);}
	
	.zhifour_left_left{ float:left; width:52px; height:52px; border:1px solid #000000; border-radius:100px; overflow: hidden;}
	.zhifour_left_left img{ width:52px; height:52px;transition:all 0.2s}
	
	.zhifour_left_right{ float:right; width:690px; height:145px;}
	.zhifour_left_right_1{ width:690px; font-size:30px; color:#000; height:40px;}
	.zhifour_left_right_2{ width:690px; font-size:14px; color:#000; line-height:27px; margin-top:15px;}
	.zhifour_right{ float:right; width:310px; height:520px; background-color:#232324;}
	.zhifour_1{ width:270px; height:285px; margin:auto; background:url(../img/zhi1_31.jpg) no-repeat right top; margin-top:115px;}
	.zhifour_1_1{ font-size:16px; color:rgba(255,255,255,0.5); width:250px; text-align:right; height:40px; line-height:40px;}
	.zhifour_1_2{ font-size:48px; color:#fd3f3e; width:250px; text-align:right; background:url(../img/phone_26.jpg) no-repeat right bottom; height:85px; margin-top:10px;}
	.zhifour_1_3{ width:250px; text-align:right; font-size:14px; color:#fff; line-height:27px; margin-top:20px;}
	
	.zhifive_warp{ width:100%; height:600px; background-color:#fff;}
	.zhifive{ width:100%; height:600px; margin:auto;}
	.zhifive_left{ width:50%; height:600px; position:absolute; left:0; z-index:0; overflow:hidden;}
	.zhifive_left img{ width:100%; height:600px;}
	.zhifive_img{ width:100%; height:100%; text-align: center; position: absolute;}
	.zhifive_img_1{ width:100%; height:100%;}
	.zhifive_img_1 img{ padding-top:104px;padding-left: 37px; width:450px; height:472px;}
	.zhifive_img_2{ width:100%; font-size:37px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position:absolute; top:275px;}
	.zhifive_img_3{ width:100%; font-size:45px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position:absolute; top:320px;}
	.zhifive_img_4{ width:100%; font-size:26px; color:#383838;text-align: center; position:absolute; top:365px; height:70px; line-height:70px;}
	
	
	.zhifive_right{ float:right; width:50%; height:672px; position:relative;}
	.zhifive_right_1{ font-size:16px; color:#383838; position:absolute; top:118px; height:24px; left:135px; cursor:pointer;}
	.zhifive_right_1 small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_1 i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_1:hover small {  opacity: 0;}
	.zhifive_right_1:hover i { width: 100%;opacity: 1; }
	
	.zhifive_right_2{ font-size:16px; color:#383838; position:absolute; top:190px; height:24px; left:210px; cursor:pointer;}
	.zhifive_right_2 small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_2 i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_2:hover small {  opacity: 0;}
	.zhifive_right_2:hover i { width: 100%;opacity: 1; }
	
	.zhifive_right_3{ font-size:16px; color:#383838; position:absolute; top:276px; height:24px; left:247px; cursor:pointer;}
	.zhifive_right_3 small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_3 i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_3:hover small {  opacity: 0;}
	.zhifive_right_3:hover i { width: 100%;opacity: 1; }
	
	.zhifive_right_4{ font-size:16px; color:#383838; position:absolute; bottom:279px; height:24px; left:248px; cursor:pointer;}
	.zhifive_right_4 small {font-size:16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_4 i { font-size:16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_4:hover small {  opacity: 0;}
	.zhifive_right_4:hover i { width: 100%;opacity: 1; }
		
	.zhifive_right_5{ font-size:16px; color:#383838; position:absolute; bottom:178px; height:24px; left:202px; cursor:pointer;}
	.zhifive_right_5 small {font-size:16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_5 i { font-size:16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_5:hover small {  opacity: 0;}
	.zhifive_right_5:hover i { width: 100%;opacity: 1; }
	
	.zhifive_right_6{ font-size:16px; color:#383838; position:absolute; bottom:116px; height:24px; left:129px; cursor:pointer;}
	.zhifive_right_6 small {font-size:16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_6 i { font-size:16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_6:hover small {  opacity: 0;}
	.zhifive_right_6:hover i { width: 100%;opacity: 1; }
		
	.zhisix_warp{ width:100%; height:642px; background-color:#fff;}
	.zhisix{ width:1100px; height:642px; margin:auto; position:relative;}
	.zhisix_tit{ width:1100px; text-align: center; font-size:40px; color:#fff; height:52px; padding-top:425px;}
	.zhisix_con{ width:1100px; font-size:16px; color:#fff; text-align: center; height:55px; line-height:55px;}
	
	.main{ width:1170px; height:auto; margin:auto; position:relative;}
	.big_all_1{ width:100%; height:270px;}
	.big_all{ width:100%; height:270px; position:relative; background:url(../img/case_181.jpg) no-repeat center; background-size:auto 100%;}
	.case_mune_warp{ width:100%; height:60px; text-align: center; padding-top:210px;}
	.fixed{
		position: fixed;
		width: 100%;
		max-width: none;
		left: 0;
		top: -75px;
		z-index:10;
		margin-top: 0px;
	}
	
	.fixed11{
		position: fixed;
		width: 100%;
		max-width: none;
		left: 0;
		top: 135px;
		z-index:10;
		margin-top: 0px;
	}
	
	.case_mune{ width:1200px; height:60px; background-color:#fff; margin:auto;}
	.case_mune a{ display:block; float:left; width:300px; height:60px; background:url(../img/case_shu.jpg) no-repeat left; font-size:16px; color:#3f3f3f; border-top:3px solid #fff; height:57px; line-height:57px; text-align:center; cursor:pointer;}
	.case_mune a.case_mune_1{ background:none;}
	.case_mune a:hover{ border-top:3px solid #fd3f3e;transition:all 0.2s;}
	.case_mune a.case_mune_a{ border-top:3px solid #fd3f3e;}
	.case_miao{ width:100%; height:80px; line-height:80px; font-size:14px; color:#acacac; text-align: center; padding-top:30px;}
	.case_miao a{ color:#383838;} 
	.case_miao a:hover{ color:#fd3f3e; cursor:pointer;}
	
	
	.case_list{ width:1170px; height:auto; overflow:hidden;}
	.case_list ul li{ float:left; width:285px; height:270px; list-style:none; margin-right:10px; margin-bottom:30px;}
	.case_list ul li.case_list_li{ margin-right:0px;}
	.case_list ul li a{ display:block; width:285px; height:270px; cursor:pointer;}
	.case_list ul li:hover{box-shadow: 0px 0px 10px 1px #888;}
	
	.case_list_1{ width:285px; height:180px; position:relative; overflow:hidden;}
	.case_img{ width:285px; height:180px;}
	.case_more_bg{ position:absolute;width:285px;height:180px;background:#fd3f3e;top:0px;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
	.case_more_1{ position:absolute;color:#FFF;font-size:16px;width:145px;text-align:center;height:40px;line-height:40px;border:3px #fff solid;top:-200px;left:70px; font-family:Arial, Helvetica, sans-serif;}
	
	.case_list_2{ width:283px; height:89px; border:1px solid #e2e2e2; border-top:none; background-color:#fff;}
	.case_list_2_1{ font-size:12px; color:#3f3f3f; width:265px; height:35px; line-height:35px; margin:auto;opacity:0.5}
	.case_list_2_2{ width:265px; margin:auto; font-size:18px; color:#3f3f3f; height:35px; line-height:35px;}  
	
	.case_geng{ width:1170px; height:33px; text-align: center;}
	.case_geng img{ width:33px; height:33px; cursor:pointer;}
	
	/*案例详情*/
	.example_warp{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding-top:25px; padding-bottom:55px;}
	.example{ width:95%; height:auto; overflow:hidden; margin:auto;}
	.example_left{ float:left; width:70%; height:auto; overflow:hidden; text-align: center;}
	.example_left img{ width:90%;}
	.example_right{ float:right; width:30%; height:725px;margin-right:0px; position:relative; overflow:hidden;}
	.example_all{ width:22%; height: auto; overflow:hidden; background-image:url(../img/case1_06.png); background-repeat:no-repeat; background-position:left top; background-color:#fff; position:fixed; top:106px; z-index:9; padding-left:40px;}
	
	.example_1{ width:100%; height: auto; padding-bottom:10px; overflow:hidden; margin-left:0px; position:relative; border-bottom:1px dashed #cccccc;}
	.example_1_1{ width:100%; font-size:45px; color:#fd3f3e; font-weight:bold; height:60px;}
	.example_1_2{ font-size:18px; color:#3e3e3e; height:26px;  width:115px; text-align:right;}
	.example_2{ width:100%; height:169px; overflow:hidden; margin-left:0px; font-size:14px; color:#3e3e3e; line-height:27px; margin-top:15px; border-bottom:1px dashed #cccccc;}
	.example_3{ width:100%; height: auto; overflow:hidden; margin-left:0px;}
	.example_3_1{ width:100%; font-size:16px; color:#3e3e3e; height:40px; line-height:40px; overflow:hidden;}
	
	.example_3_2 span{ font-size:14px; color:#c0c0c0; display:inline-block; height:31px; line-height:31px; padding:0px 15px; background-color:#f3f3f3;}
	.example_4{ width:22%; height:48px; background-color:#3d3d3d; margin-left:0px; position: fixed; bottom:154px;}
	.example_4_1{ float:left; width:84px; height:48px; border-right:1px solid #535353; text-align: center;}
	.example_4_1 a{ display:block; width:84px; height:35px; padding-top:13px cursor:pointer;}

	.example_4_2{ float:left; width:84px; height:48px; border-right:1px solid #535353; text-align: center;}
	.example_4_2 a{ display:block; width:84px; height:35px; cursor:pointer; padding-top:13px;}

	.example_4_3{ float:left; height:48px; margin-left:13px;}
	.example_4_3 a{ display:block; font-size:14px; color:#fff; height:48px; line-height:48px; background:url(../img/case1_09.png) no-repeat left; padding-left:35px;}
	
	/*新闻*/
	.n_big{ width:100%; height:200px;}
	.news{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:90px;}
	.news ul li{ float:left; width:325px; height:225px; list-style:none; margin-bottom:45px; margin-right:62px;}
	.news ul li.news_li{ margin-right:0px;}
	.news ul li a{ display:block; width:325px; height:225px; position:relative; overflow:hidden; cursor:pointer;}

	.news_1{ width:325px; height:225px;}
	.news_1_1{ width:325px; height:67px;}
	.news_1_1_1{ width:325px; font-size:30px; color:#3f3f3f; height:40px;}
	.news_1_1_2{ width:100%; font-size:14px; color:#afafaf;}
	.news_1_2{ width:325px; font-size:18px; color:#3f3f3f; height:60px; line-height:60px; overflow:hidden;}
	.news_1_3{ width:325px; height:46px; font-size:14px; color:#9c9c9c; line-height:23px; overflow:hidden;}
	.news_2{ width:325px; height:224px; border-top:1px solid #fd3f3e; position:absolute; background-color:#fff; bottom:-225px;transition:all ease-out .5s;transform:translate(0,0px);}
	.news_2_1{ width:325px; font-size:18px; color:#3f3f3f; height:60px; line-height:60px; overflow:hidden;}
	.news_2_2{ width:325px; height:46px; font-size:14px; color:#9c9c9c; line-height:23px; overflow:hidden;}
	.news_2_3{ width:295px; height:81px; background-color:#fd3f3e; padding:0px 15px; margin-top:37px;}
	.news_2_3_1{ width:100%; font-size:30px; color:#fff; height:40px; padding-top:10px;}
	.news_2_3_2{ width:100%; font-size:14px; color:#fff;}
	
	/*新闻详情*/
	.datail{ width:100%; height:240px; position:relative;}
	.datail_img{ width:100%; height:240px; position:absolute; top:0; z-index:-1;}
	.datail_tit{ width:1175px; margin:auto; font-size:22px; color:#fff; height:240px; line-height:240px; background:url(../img/detail_09.jpg) no-repeat left; padding-left:25px;}
	.datail_come_warp{ width:100%; height:62px; border-bottom:1px solid #e7e7e7;}
	.datail_come{ width:98%; height:62px; margin:auto;}
	.datail_come_left{ float:left; font-size:12px; color:#686868; height:62px; line-height:62px;}
	.datail_come_left span{ padding:0px 10px;}
	.datail_come_right{ float:right; height:35px; margin-top:13px;}
	.datail_come_right a{ display:inline-block; font-size:12px; color:#373737;  border:1px solid #616161; border-radius:4px; width:67px; height:33px; text-align: center; line-height:33px; margin-left:10px; cursor:pointer; cursor:pointer;}
	.datail_come_right a.datail_a{ font-size:14px; color:#474747; padding-left:35px; background:url(../img/detail_05.jpg) no-repeat 15px;}
	.datail_come_right a.datail_a:hover{ background-color:#fd3f3e; border:1px solid #fd3f3e; color:#fff; transition:all 0.2s; background-image:url(../img/detail_05.png); background-repeat:no-repeat; background-position:15px;} 
	.datail_come_right a:hover{ background-color:#fd3f3e; border:1px solid #fd3f3e; color:#fff; transition:all 0.2s; } 
	.detail_con{ width:98%; height:auto; overflow:hidden; margin:auto; font-size:14px; color:#4b4b4b; line-height:33px; margin-top:30px; padding-bottom:30px;}
	.detail_con img{}
	
	.detail_1{ width:1200px; margin:auto;}
	.detail_1_1{ width:1200px; text-align: center; background:url(../img/detail_20.jpg) no-repeat center top; height:30px; line-height:30px; padding-top:5px;}
	.detail_1_1 a{ font-size:14px; color:#6e6e6e;}
	.detail_1_2{ width:1200px; text-align: center; font-size:14px; color:#6e6e6e;}
	
	.read_warp{ width:100%; height:auto; overflow:hidden; border-top:1px solid #e8e8e8; margin-top:50px;}
	.read{ width:1200px; height:auto; overflow: hidden; margin:auto;}
	.read_tit{ width:1200px; height:90px; margin:auto; text-align: center; line-height:90px; font-size:22px; color:#434343;}
	.read_list{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
	.read_list ul li{ float:left; width:365px; height:225px; list-style:none; margin-bottom:75px; margin-right:52px;}
	.read_list ul li.read_list_li{ margin-right:0px;}
	.read_list ul li a{ display:block; width:365px; height:225px; position:relative; overflow:hidden; cursor:pointer;}
	.read_list ul li a:hover .news_1_2{ color:#fd3f3e; transition:all 0.2s;}
	.read_list ul li a:hover .news_1_3{ color:#fd3f3e; transition:all 0.2s;}

	
	
}
@media screen and (max-width:1200px)and (min-width:1000px){
	.head_left img{
		width: 60px;
	}
	/*头部*/
	.header_piao{ width:100%; height:81px; overflow:hidden;}
	.header{ width:100%; height:80px; background-color:#fff; position:fixed; z-index:12; border-bottom: 1px solid #e9e9e9;}
	.head{ width:95%; height:80px; margin:auto;}
	.head_left{ float:left;padding-top: 10px;padding-left: 23px;}
	.head_right{ float:right; height:75px; padding-top:14px;}
	.tel{ float:left; height:75px; background:url(../img/recruit_03.jpg) no-repeat right top; padding-right:20px; display:none;}
	.tel_left{ float:left; width:53px; height:54px;}
	.tel_right{ float:right; margin-left:5px;}
	.tel_right_1{ font-size:14px; color:#000; padding-top:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;opacity:0.5;}
	.tel_right_2{ font-size:24px; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	.dan{ float:right; height:54px; line-height:54px; font-size:24px; margin-left:20px;}
	.dan a{ font-family:Arial, Helvetica, sans-serif; background: url(../img/case_12.png) no-repeat right; padding-right:45px; cursor:pointer;opacity:0.5; color:#000;}
	.dan a:hover{opacity:1;transition:all 0.2s; }
	
	/*响应式网站*/
	.yingtwo_warp{ width:100%; height:400px; overflow:hidden;}
	.yingtwo{ width:98%; height:400px; margin:auto; position:relative;}
	.yingtwo_left{ float:left; width:50%; height:255px; padding-top:85px;}
	.yingtwo_left_1{ width:100%; height:50px; font-size:24px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
	.yingtwo_left_2{ width:100%; font-size:14px; color:#2f2f2f; line-height:32px; margin-top:30px;}
	.yingtwo_right{ float:right; height:335px; padding-top:85px; width:50%; text-align: center;}
	.yingtwo_right img{ width:80%;}
	
	.yingthree_warp{ width:100%; height:347px; overflow:hidden;}
	.yingthree{ width:98%; height:347px; margin:auto; position:relative;}
	.yingthree_left{ float:left; width:50%; height:255px; padding-top:90px; text-align: center;}
	.yingthree_left img{ width:80%;}
	.yingthree_right{ float:right; height:220px; padding-top:70px; width:50%;}
	.yingthree_right_1{ width:100%; height:60px; font-size:26px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
	.yingthree_right_2{ width:100%; font-size:14px; color:#2f2f2f; line-height:32px; margin-top:20px;}
	
	
	.yingfour_warp{ width:100%; height:361px; overflow:hidden;}
	.yingfour{ width:98%; height:361px; margin:auto; position:relative;}
	.yingfour_left{ float:left; width:50%; height:255px; padding-top:70px;}
	.yingfour_left_1{ width:100%; height:60px; font-size:26px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
	.yingfour_left_2{ width:100%; font-size:14px; color:#2f2f2f; line-height:32px; margin-top:30px;}
	.yingfour_right{ float:right; height:335px; padding-top:90px; width:50%; text-align: center;}
	.yingfour_right img{ width:80%; max-width:396px;}
	
	.yingfive_warp{ width:100%; height:573px; overflow:hidden;}
	.yingfive{ width:98%; height:573px; margin:auto; position:relative;}
	.yingfive_tit{ width:100%; height:100px; text-align: center; line-height:100px; font-size:24px; color:#fff;}
	
	.yingfive_list{ width:100%; height:auto; overflow:hidden; margin-top:15px;}
	.yingfive_list ul li{ float:left; width:49%; height:83px; list-style:none; margin-right:2%; margin-bottom:20px; cursor:pointer;}
	.yingfive_list ul li.yingfive_list_li{ margin-right:0px;}
	.yingfive_list ul li:hover .yingfive_1_left{ color:#fd3f3e; transition:all 0.2s;}
	.yingfive_list ul li:hover .phoneserve_1_right{ border:2px solid #fd3f3e; transition:all 0.2s; background-color:#fd3f3e;}
	.yingfive_list ul li:hover .yingfive_2_right{ color:#fd3f3e; transition:all 0.2s;}
	.yingfive_list ul li:hover .phoneserve_2_left{ border:2px solid #fd3f3e; transition:all 0.2s; background-color:#fd3f3e;}
	.yingfive_1{ width:100%; height:83px;}
	.yingfive_1_left{ float:left; width:80%; height:83px; font-size:16px; color:#fff; line-height:83px; text-align:right;}
	.yingfive_1_right{ float:right; width:68px; height:68px; border:2px solid #fff; border-radius:100px;}
	.yingfive_1_right img{ width:68px; height:68px;}
	
	.yingfive_2{ width:100%; height:93px;}
	.yingfive_2_right{ float:right; width:80%; height:70px; font-size:16px; color:#fff; line-height: 24px; padding-top:13px;}
	.yingfive_2_left{ float:left; width:68px; height:68px; border:2px solid #fff; border-radius:100px;}
	.yingfive_2_left img{ width:68px; height:68px;}
	.yingfive_1_right{}
	.yingfive_1_right img{ width:68px; height:68px;}
	
	/*手机网站*/
	.phoneone{ width:100%; height:729px; overflow:hidden;}
	.phonetwo_warp{ width:100%; height:279px;}
	.phonetwo{ width:98%; height:279px; margin:auto; position:relative;}
	.phonetwo_1{ width:98%; text-align:center; font-size:22px; color:#444444; height:35px; padding-top:40px;}
	.phonetwo_2{ font-size:16px; color:#272727; line-height:32px; width:90%; height:100px; background:url(../img/phone_03.jpg) no-repeat center bottom; text-align: center; margin:auto; overflow:hidden; margin-top:15px;}
	.phonetwo_3{ width:98%; height:50px; position: relative; bottom:0; text-align: center; margin-top:30px;}
	.phonetwo_3 a{ display:inline-block; background:url(../img/phone_07.png) no-repeat center; width:233px; height:50px; text-align: center; line-height:50px; font-size:14px; color:#333;}
	
	.phonethree_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:60px;}
	.phonethree{ width:98%; height: auto; overflow:hidden; margin:auto;}
	.phonethree_tit{ width:100%; text-align: center; font-size:24px; color:#fff; height:35px; padding-top:50px;}
	.phonethree_con{ width:100%; text-align: center; background:url(../img/phone_03.jpg) no-repeat center bottom; font-size:16px; color:#878787; height:45px; margin-top:20px;}
	.phonethree_list{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:50px;}
	.phonethree_list ul li{ float:left; width:33.33%; height: auto; overflow:hidden; list-style:none; cursor:pointer;}
	
	.phonethree_list ul li:hover .phonethree_list_img{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phonethree_list ul li:hover .phonethree_list_con{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	.phonethree_list_img{ width:115px; height:115px; border:2px solid #fff; border-radius:120px; margin:auto;}
	.phonethree_list_img img{ width:115px; height:115px;}
	.phonethree_list_con{ font-size:14px; color:#ffffff; line-height:26px; height:52px; overflow:hidden; text-align: center; margin:auto; width:96%; margin-top:20px;}
	
	.phonefour_warp{ width:100%; height:772px; overflow:hidden;}
	.phonefour{ width:98%; height:772px; margin:auto;}
	.phonefour_left{ float:right; width:100%; padding-top:25px; height:auto; overflow:hidden;}
	.phonefour_left ul li{ width:100%; height:100px; margin-bottom:0px; list-style:none; cursor:pointer;}
	.phonefour_left ul li:hover .phonefour_left_right_1{color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.phonefour_left ul li:hover .phonefour_left_right_2{color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.phonefour_left_left{ float:left; width:53px; height:53px; border:1px solid #272636; border-radius:100px;}
	.phonefour_left_left img{ width:53px; height:53px;}
	
	
	.phonefour_left_right{ float:right; width:690px; height:100px;}
	.phonefour_left_right_1{ width:100%; font-size:22px; color:#000; height:40px; overflow:hidden; line-height:40px;}
	.phonefour_left_right_2{ width:100%; font-size:14px; color:#000; height:40px; line-height:20px;}
	
	.phonefour_right{ float:right; width:100%; height: auto; overflow:hidden; background-color:#43bcc1;}
	.phonefour_1{ width:90%; border-left:1px solid #fff; border-right:none; margin:auto; height: auto; margin-top:38px; padding-bottom:15px; margin-bottom:38px;}
	.phonefour_1_1{ width:304px; text-align:left; font-size:24px; color:#fff; line-height:40px; background:url(../img/phone_26.jpg) no-repeat left bottom; height:95px; margin-left:30px;}
	.phonefour_1_2{ width:304px; text-align:left; font-size:16px; color:#fff; line-height:27px;opacity: 0.5; margin-top:35px; margin-left:30px;}
	
	.phonefive_warp{ width:100%; height: auto; padding-bottom:30px; overflow:hidden;}
	.phonefive{ width:100%; height: auto; overflow:hidden; margin:auto;}
	.phonefive_top{ width:100%; height: auto; overflow:hidden;}
	.phonefive_top_left{ float:left; width:100%; height: auto; overflow:hidden; background-color:#43bcc1;}
	.phonefive_1{ width:90%; border-left:1px solid #fff; margin:auto; height: auto; overflow:hidden; margin-top:38px; margin-bottom:38px;}
	.phonefive_1_1{ width:304px; font-size:24px; color:#fff; line-height:40px; background:url(../img/phone_26.jpg) no-repeat left bottom; height:95px; margin-left:25px;}
	.phonefive_1_2{ width:304px; font-size:14px; color:#fff; line-height:27px;margin-left:25px; margin-top:35px;}
	.phonefive_top_right{ float:right; width:100%; height: auto; overflow:hidden;}
	.phonefive_tit{ width:100%; font-size:22px; text-align: center; background:url(../img/phone_03.jpg) no-repeat center bottom; height:50px; margin-top:35px; color:#fff;}
	.phonefive_list{ width:100%; height: auto; overflow:hidden; margin-top:40px;}
	.phonefive_list ul li{ float:left; width:33.33%; height: auto; overflow:hidden; list-style:none; cursor:pointer;}
	.phonefive_list ul li:hover .phonefive_list_img{ background-color:#fd3f3e; border:1px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phonefive_list ul li:hover .phonefive_list_tit{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	
	.phonefive_list_img{ width:88px; height:88px; border:1px solid #fff; border-radius:100px; margin:auto;}
	.phonefive_list_img img{ width:88px; height:88px;}
	.phonefive_list_tit{ width:100%; height:70px; font-size:16px; color:#fff; text-align: center; line-height:70px;}
	.phonefive_bottom{ width:100%; height:100px; margin-top:65px;}
	.phonefive_bottom ul li{ float:left; width:33.33%; height:100px; list-style:none;}
	.phonefive_bottom_1{ width:100%; height:52px; font-size:35px; color:#fff; text-align: center;}
	.phonefive_bottom_1 span{ font-size:14px; margin-left:5px;}
	.phonefive_bottom_2{ width:100%; font-size:14px; color:#fff; text-align: center; height:48px; line-height:48px;}
	
	.phonesix_warp{ width:100%; height: auto; overflow:hidden; overflow:hidden;}
	.phonesix{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.phonesix_1{ width:100%; text-align: center; font-size:22px; color:#000; height:30px; padding-top:50px;}
	.phonesix_2{ width:100%; text-align: center; background: url(../img/phone_031.jpg) no-repeat center bottom; font-size:20px; color:rgba(0,0,0,0.34); height:40px; margin-top:20px;}
	.phonesix_3{ background:none; width:100%; height: auto; overflow:hidden; position: relative; left:0px; bottom:0;}
	.phonesix_list{ width:98%; height:446px; margin-left:1%; margin-top:40px;}
	.phonesix_list ul li{ float:left; width:33.33%; height:200px; list-style:none;}
	.phonesix_list_1{ width:100%; height:200px; background-color:#e7e7e7;}
	.phonesix_list_2{ width:100%; height:200px; background-color:#fff;}
	.phonesix_img{ width:100%; text-align: center; padding-top:33px; height:58px;}
	.phonesix_en{ width:100%; text-align: center; font-size:18px; color:#000;opacity: 0.5; font-family:Arial, Helvetica, sans-serif; height:21px; margin-top:10px;}
	.phonesix_con{ font-size:14px; color:#000000; line-height:25px; text-align: center; margin:auto; margin-top:10px; width:98%;}
	
	.phoneserve_warp{ width:100%; height: auto; padding-bottom:40px overflow:hidden;}
	.phoneserve{ width:98%; height: auto; overflow:hidden; margin:auto;}
	.phoneserve_tit{ width:100%; text-align: center; font-size:24px; background:url(../img/phone_03.jpg) no-repeat center bottom; height:55px; padding-top:45px; color:#fff;}
	.phoneserve_con{ width:100%; height:auto; overflow:hidden; margin-top:65px;}
	.phoneserve_con ul li{ float:left; width:49%; height:93px; list-style:none; margin-right:2%; margin-bottom:40px; cursor:pointer;	}
	.phoneserve_con ul li.phoneserve_con_li{ margin-right:0px;}
	.phoneserve_con ul li:hover .phoneserve_1_right{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_1_left_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_1_left_1{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	
	.phoneserve_con ul li:hover .phoneserve_2_left{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_2_right_1{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_2_right_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	
	.phoneserve_1{ width:100%; height:93px;}
	.phoneserve_1_left{ float:left; width:454px; height:93px;}
	.phoneserve_1_left_1{ width:100%; text-align:right; font-size:18px; color:#fff; height:35px; line-height:35px;} 
	.phoneserve_1_left_2{ width:100%; font-size:14px; color:#fff; line-height:22px; height:64px; overflow:hidden; text-align:right;}
	.phoneserve_1_right{ float:right; width:70px; height:70px; border:2px solid #fff; border-radius:100px;}
	.phoneserve_1_right img{ width:70px; height:70px;}
	
	.phoneserve_2{ width:100%; height:93px;}
	.phoneserve_2_right{ float:right; width:454px; height:93px;}
	.phoneserve_2_right_1{ width:100%; font-size:18px; color:#fff; height:35px; line-height:35px;} 
	.phoneserve_2_right_2{ width:100%; font-size:14px; color:#fff; line-height:22px; height:64px; overflow:hidden;}
	.phoneserve_2_left{ float:left; width:70px; height:70px; border:2px solid #fff; border-radius:100px;}
	.phoneserve_2_left img{ width:70px; height:70px;}
	
	.phoneeight_warp{ width:100%; height: auto; overflow:hidden;}
	.phoneeight{ width:100%; height: auto; margin:auto; overflow:hidden;}
	.phoneeight_en{ width:100%; height:43px; text-align: center; margin:auto; margin-top:72px;}
	.phoneeight_en img{ width:200px; height:43px;}
	.phoneeight_tit{ width:100%; font-size:24px; color:#2f2f2f; text-align: center; margin:auto; height:55px; line-height:55px;}
	.phoneeight_list{ width:990px; height: auto; overflow:hidden; margin:auto; margin-top:75px;}
	.phoneeight_list ul li{ float:left; width:330px; height:209px; list-style:none;}
	
	.grid {
		overflow: hidden;
		margin: 0;
		width: 100%;
		list-style: none;
		text-align: center; height:209px; max-width:330px; background:#ef342b;
	}
	.grid_1{ width:330px; height:209px;}
	.grid_1 img{ width:330px; height:209px;}
	/* Common style */
	.grid figure {
		position: relative;
		z-index: 1;
		display: inline-block;
		overflow: hidden;
		width:100%;
		height: 209px;
		
		text-align: center;
		cursor: pointer;
	}
	
	.grid figure img {
		position: relative;
		display: block;
		min-height: 100%;
	
	}
	
	.grid figure figcaption {
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.grid figure figcaption::before,
	.grid figure figcaption::after {
		pointer-events: none;
	}
	
	
	figure.effect-bubba img {
	
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s; margin:auto;
	}
	
	figure.effect-bubba:hover img {
		opacity: 0.4;
	}
	
	figure.effect-bubba figcaption::before,
	figure.effect-bubba figcaption::after {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}
	
	figure.effect-bubba figcaption::before {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}
	
	figure.effect-bubba figcaption::after {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
	}
	
	.phoneeight_img{ width:100%; height:50px; text-align: center; margin:auto; position:absolute; top:72px; transition: transform 0.35s;opacity: 0;}
	.phoneeight_img img{ width: auto; height:50px;}
	.phoneeight_list_tit { width:100%; height:40px; font-size:12px; color:#fff; line-height:40px; text-align: center; margin:auto; position:absolute; top:120px; transition: transform 0.35s;opacity:0;}
	
	
	figure.effect-bubba:hover figcaption::before,
	figure.effect-bubba:hover figcaption::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	figure.effect-bubba:hover .phoneeight_img,
	figure.effect-bubba:hover .phoneeight_img img,
	figure.effect-bubba:hover .phoneeight_list_tit{
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	
	.phoneeight_more{ width:100%; text-align:center; height:45px; margin:auto; margin-top:40px;}
	.phoneeight_more a{ display:inline-block; font-size:14px; color:#fff; width:130px; height:33px; border:1px solid #fff; text-align: center; line-height:33px; border-radius:20px; cursor:pointer;}
	.phoneeight_more a:hover{ background-color:#fd3f3e; transition:all 0.2s; border:1px solid #fd3f3e;}
	
	.deeper{ width:100%; height: auto; padding-bottom:10px; background-color:#262626;  overflow:hidden;}
	.deep{ width:98%; height: auto; overflow:hidden; margin:auto; padding-top:20px;}  
	.deep_left{ float:left; width:100%;}
	.deep_left_1{ width:100%; font-size:30px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:30px; overflow:hidden;}
	.deep_left_2{ width:100%; height:50px;}
	.deep_1{ float:left; height:50px; line-height:50px; font-size:16px; color:#fff; background:url(../img/case_66.png) no-repeat left; padding-left:20px;}
	.deep_2{ float:left; height:50px; line-height:50px; font-size:14px; color:#fff; background:url(../img/case_63.png) no-repeat left; padding-left:20px; margin-left:30px;}
	
	.deep_right{ float:right; width:100%;} 
	.deep_right_1{ height:48px; line-height:48px; font-size:12px; color:#fff; float:right; width:100%; overflow:hidden; text-align: center;}
	.deep_right_1 a{ margin-left:15px; margin-right:20px;}
	.deep_right_2{ width:100%; font-size:12px; color:#fff; line-height:24px;opacity:0.5; text-align: center;}
	.back{ width:100%; height: 56px; position: relative; right:10px; bottom: 0px;}
	.back a{ float:right;display: block; width:46px;height:46px;}
	.back img{ width:46px; height:46px;}
	
	/*营销型网站*/
	.xiaotwo_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:60px;}
	.xiaotwo{ width:98%; height: auto; margin:auto; position:relative;}
	.xiaotwo_tit{ width:100%; text-align: center; font-size:24px; color:#fff; height:55px; background:url(../img/phone_03.jpg) no-repeat center bottom; padding-top:60px;}
	.xiaotwo_list{ width:100%; height: auto; overflow:hidden; margin-top:70px;} 
	.xiaotwo_list ul li{ float:left; width:50%; height:auto; list-style:none; cursor:pointer;}
	.xiaotwo_list ul li:hover .xiaotwo_list_1{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;}
	.xiaotwo_list ul li:hover .xiaotwo_list_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaotwo_list ul li:hover .xiaotwo_list_3{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaotwo_list_1{ width:134px; height:134px; margin:auto; border-radius:100%; border:2px solid #fff;}
	.xiaotwo_list_1 img{ width:134px; height:134px; }
	.xiaotwo_list_2{ width:96%; margin:auto; font-size:20px; color:#fff; text-align: center; height:60px; line-height:60px;}
	.xiaotwo_list_3{ width:96%; margin:auto; text-align: center; font-size:14px; line-height:25px; height:100px; overflow:hidden; color:#fff; margin-top:10px;}
	
	.xiaothree_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:60px;}
	.xiaothree{ width:100%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.xiaothree_left{ float:left; width:98%; height:auto; overflow:hidden; padding-top:40px; margin-left:1%;}
	.xiaothree_1{ width:100%; height: auto; overflow:hidden; margin-bottom:15px; cursor:pointer;}
	.xiaothree_1:hover .xiaothree_1_tit{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaothree_1:hover .xiaothree_1_con{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaothree_1_tit{ width:100%; font-size:18px; line-height:29px; color:#000; height:29px;}
	.xiaothree_1_con{ width:100%; font-size:14px; color:#000; line-height:22px; height: auto; overflow:hidden; margin-top:6px;}
	
	.xiaothree_right{ float:right; width:100%; height: auto; overflow:hidden; background-color:#fc5958;}
	.xiaothree_right_1{ font-size:24px; color:#fff; width:94%; margin:auto; height:35px; text-align:left; padding-top:25px;}
	.xiaothree_right_2{ width:94%; margin:auto; height:45px; text-align:left; background:url(../img/phone_26.jpg) no-repeat left bottom; margin-top:20px; margin-bottom:29px;}
	.xiaothree_right_2 img{ width:240px; height:29px;}
	
	.xiaofour_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:60px;}
	.xiaofour{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.xiaofour_tit{ width:100%; text-align: center; font-size:24px; color:#fff; background:url(../img/phone_26.jpg) no-repeat center bottom; height:55px; padding-top:45px;}
	.xiaofour_all{ width:100%; height:540px; background:url(../img/xiao_14.png) no-repeat center top; margin-top:40px;}

	
	.xiaofour_all_1{ width:55%; height:145px; margin:auto;}
	.xiaofour_1{ width:100%; height:145px; background:none;} 
	.xiaofour_1_left{ float:left; width:540px; height:145px;}
	.xiaofour_1_left_1{ width:100%; height:50px; line-height:50px; margin-top:5px; text-align:right; font-size:22px; color:#fff; overflow:hidden;}
	.xiaofour_1_left_1 span{ font-size:18px; padding-left:10px;}
	.xiaofour_1_left_2{ width:100%; text-align:right; font-size:14px; color:#fff; line-height:22px; height:66px; overflow:hidden;}
	.xiaofour_1_mid{ float:left; background:url(../img/wang_09.jpg) no-repeat center; width:18px; height:65px; margin-left:12px;}
	.xiaofour_1_right{ float:right; width:65px; height:65px; background:url(../img/wang_06.png) no-repeat center;}
	.xiaofour_1_right img{ width:59px; height:59px; padding:3px; border-radius:100px;}
	
	.xiaofour_all_2{ width:55%; height:145px; margin:auto;}
	.xiaofour_2{ float:right; width:100%; height:145px; background:none; margin:auto;} 
	.xiaofour_2_right{ float:right; width:540px; height:145px;}
	.xiaofour_2_right_1{ width:100%; height:50px; line-height:50px; margin-top:5px; font-size:22px; color:#fff; overflow:hidden;}
	.xiaofour_2_right_1 span{ font-size:18px; padding-left:10px;}
	.xiaofour_2_right_2{ width:100%; font-size:14px; color:#fff; line-height:22px; height:66px; overflow:hidden;}
	.xiaofour_2_mid{ float:left; background:url(../img/wang_09.jpg) no-repeat center; width:18px; height:65px;}
	.xiaofour_2_left{ float:left; width:65px; height:65px; background:url(../img/wang_06.png) no-repeat center; margin-left:5px;}
	.xiaofour_2_left img{ width:59px; height:59px; padding:3px; border-radius:100px;}
	
	.xiaofour_3{width:100%; height:145px;}             
	
	
	/*定制网站*/
	.zhitwo_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:0px;}
	.zhitwo{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.zhitwo_tit{ width:100%; font-size:24px; color:#444; text-align: center; height:60px; line-height:60px; padding-top:35px;}
	.zhitwo_con{ width:70%; text-align: center; font-size:14px; color:#7a7a7a; line-height:24px; height:85px; background:url(../img/zhi1_05.jpg) no-repeat center bottom; margin:auto; margin-top:5px;}
	.zhitwo_list{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:70px;}
	.zhitwo_list ul li{ float:left; width:25%; height: auto; overflow:hidden; list-style:none; cursor:pointer;}
	.zhitwo_list ul li:hover .zhitwo_list_img{ background-color:#fd3f3e; border:2px solid #fd3f3e;}
	.zhitwo_list ul li:hover .zhitwo_list_img_1{ display:none;}
	.zhitwo_list ul li:hover .zhitwo_list_img_2{ display: block;}
	.zhitwo_list ul li:hover .zhitwo_list_tit{ color:#fd3f3e;}
	.zhitwo_list_img{ width:138px; height:138px; border:2px solid #0a0204; border-radius:100px; margin:auto; position:relative; margin:auto;}
	.zhitwo_list_img_1{ width:138px; height:138px;}
	.zhitwo_list_img_2{ width:138px; height:138px; display:none;} 
	.zhitwo_list_tit{ width:96%; text-align: center; font-size:15px; color:#444; height:48px; line-height:24px; margin:auto; margin-top:10px;}
	
	.zhithree_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:40px;height: 342px}
	.zhithree{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.zhithree_left{ float:left; width:50%; height:270px; padding-top:95px;}
	.zhithree_left_1{ width:100%; height:40px; font-size:24px; color:#fff;}
	.zhithree_left_2{ width:100%; height: auto; overflow:hidden; margin-top:16px;}
	.zhithree_left_2 img{ width:70%; height: auto; max-width: 400px; max-height: 211px;}
	.zhithree_right{ float:left; width:200px; height:200px; border:3px solid #fff; margin-top:95px;}
	.zhithree_right_1{ width:100%; text-align: center; height:78px; margin-top:45px;}
	.zhithree_right_1 img{ width:40px; height:78px;}
	.zhithree_right_2{ width:100%; text-align: center; font-size:24px; color:#fff; font-family:Arial, Helvetica, sans-serif; height:65px; line-height:65px;}
	
	.zhifour_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:60px;}
	.zhifour{ width:100%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.zhifour_left{ float:left; width:98%; height:auto; margin-left:1%; padding-top:30px;}
	.zhifour_left ul li{ width:100%; height:145px; margin-bottom:20px; list-style:none; cursor:pointer;}
	.zhifour_left ul li:hover .zhifour_left_left img{;-moz-transform:scale(1.1,1.1);
		-webkit-transform:scale(1.1,1.1);
		-o-transform:scale(1.1,1.1);
		-ms-transform:scale(1.1,1.1);
		 transform:scale(1.1,1.1);}
	
	.zhifour_left_left{ float:left; width:52px; height:52px; border:1px solid #000000; border-radius:100px; overflow: hidden;}
	.zhifour_left_left img{ width:52px; height:52px;transition:all 0.2s}
	
	.zhifour_left_right{ float:right; width:720px; height:145px;}
	.zhifour_left_right_1{ width:100%; font-size:24px; line-height:40px; color:#000; height:40px;}
	.zhifour_left_right_2{ width:100%; font-size:14px; color:#000; line-height:27px; margin-top:5px;}
	
	.zhifour_right{ float:right; width:100%; height: auto; overflow:hidden; background-color:#232324; padding-bottom:35px;}
	.zhifour_1{ width:90%; height: auto; overflow:hidden; margin:auto; background:url(../img/zhi1_31.jpg) no-repeat left top; margin-top:35px;}
	.zhifour_1_1{ font-size:16px; color:rgba(255,255,255,0.5); width:285px; text-align:left; height:40px; line-height:40px; margin-left:20px;}
	.zhifour_1_2{ font-size:35px; color:#fd3f3e; width:285px; text-align:left; background:url(../img/phone_26.jpg) no-repeat left bottom; height:75px; margin-top:10px; margin-left:20px;}
	.zhifour_1_3{ width:285px; text-align:left; font-size:16px; color:#fff; line-height:27px; margin-top:20px; margin-left:20px;}
	
	.zhifive_warp{ width:100%; height: auto; overflow:hidden; background-color:#fff;}
	.zhifive{ width:100%; height: auto; overflow: hidden; margin:auto;}
	.zhifive_left{ width:50%; height:700px; position:absolute; left:0; z-index:0; overflow:hidden; display:none;}
	.zhifive_left img{ width:100%; height:700px;}
	.zhifive_img{ width:100%; height: auto; text-align: center; position: relative;}
	.zhifive_img_1{ width:100%; height:100%; display:none;}
	.zhifive_img_1 img{ padding-top:104px;padding-left: 37px;}
	.zhifive_img_2{ width:100%; font-size:30px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position: relative; top:0px; padding-top:30px;}
	.zhifive_img_3{ width:100%; font-size:40px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position: relative; top:0px;}
	.zhifive_img_4{ width:100%; font-size:24px; color:#383838;text-align: center; position: relative; top:0px; height:40px; line-height:40px;}
	
	
	.zhifive_right{ float:right; width:100%; height:330px; overflow:hidden; position:relative;}
	.zhifive_right_1{ width:96%; font-size:18px; color:#383838; position: relative; top:20px; height:24px; left:0px; cursor:pointer; margin:auto;}
	.zhifive_right_1 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_1 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_1:hover small {  opacity: 0;}
	.zhifive_right_1:hover i { width: 100%;opacity: 1; }
	
	.zhifive_right_2{ font-size:18px; color:#383838; position: relative; top:40px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_2 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_2 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_2:hover small {  opacity: 0;}
	.zhifive_right_2:hover i { width: 100%;opacity: 1; }
	
	
	.zhifive_right_3{ font-size:18px; color:#383838; position: relative; top:60px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_3 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_3 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_3:hover small {  opacity: 0;}
	.zhifive_right_3:hover i { width: 100%;opacity: 1; }
	
	
	.zhifive_right_4{ font-size:18px; color:#383838; position:relative; bottom:301px; top:80px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_4 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_4 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_4:hover small {  opacity: 0;}
	.zhifive_right_4:hover i { width: 100%;opacity: 1; }
	
	
	.zhifive_right_5{ font-size:18px; color:#383838; position:relative; bottom:172px; top:100px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_5 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_5 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_5:hover small {  opacity: 0;}
	.zhifive_right_5:hover i { width: 100%;opacity: 1; }
	
	
	.zhifive_right_6{ font-size:18px; color:#383838; position:relative; bottom:91px; top:120px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_6 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_6 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_6:hover small {  opacity: 0;}
	.zhifive_right_6:hover i { width: 100%;opacity: 1; }
	
	
	.zhisix_warp{ width:100%; height:342px; background-color:#fff;}
	.zhisix{ width:98%; height:342px; margin:auto; position:relative;}
	.zhisix_tit{ width:100%; text-align: center; font-size:26px; color:#fff; height:35px; padding-top:210px;}
	.zhisix_con{ width:100%; font-size:16px; color:#fff; text-align: center; height:45px; line-height:45px;}
	
	.main{ width:100%; height:auto; margin:auto; position:relative;}
	.big_all_1{ width:100%; height:270px;}
	.big_all{ width:100%; height:270px; position:relative; background:url(../img/case_181.jpg) no-repeat center; background-size:auto 100%;}
	.case_mune_warp{ width:100%; height:60px; text-align: center; padding-top:210px;}
	.fixed{
		position: fixed;
		width: 100%;
		max-width: none;
		left: 0;
		top: -75px;
		z-index:10;
		margin-top: 0px;
	}
	
	.fixed11{
		position: fixed;
		width: 100%;
		max-width: none;
		left: 0;
		top: 135px;
		z-index:10;
		margin-top: 0px;
	}
	
	.case_mune{ width:100%; height:60px; background-color:#fff; margin:auto;}
	.case_mune a{ display:block; float:left; width:25%; height:60px; background:url(../img/case_shu.jpg) no-repeat left; font-size:16px; color:#3f3f3f; border-top:3px solid #fff; height:57px; line-height:57px; text-align:center; cursor:pointer;}
	.case_mune a.case_mune_1{ background:none;}
	.case_mune a:hover{ border-top:3px solid #fd3f3e;transition:all 0.2s;}
	.case_mune a.case_mune_a{ border-top:3px solid #fd3f3e;}
	.case_miao{ width:100%; height:70px; line-height:70px; font-size:14px; color:#acacac; text-align: center; padding-top:30px;}
	.case_miao a{ color:#383838;} 
	.case_miao a:hover{ color:#fd3f3e; cursor:pointer;}
	
	
	.case_list{ width:98%; height:auto; overflow:hidden; margin:auto;}
	.case_list ul li{ float:left; width:285px; height: auto; overflow:hidden; list-style:none; margin-right:10px; margin-bottom:30px;}
	.case_list ul li.case_list_li{ margin-right:0px;}
	.case_list ul li a{ display:block; width:285px; height: auto; overflow:hidden; cursor:pointer;}
	.case_list ul li:hover{box-shadow: 0px 0px 10px 1px #888;}
	
	.case_list_1{ width:285px; height: auto; position:relative; overflow:hidden;}
	.case_img{ width:285px; height: auto; overflow:hidden;}
	.case_img img{ width:100%; height:auto;}
	.case_more_bg{ position:absolute;width:285px;height:100%;background:#fd3f3e;top:0px;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
	.case_more_1{ position:absolute;color:#FFF;font-size:14px;width:124px;text-align:center;height:40px;line-height:40px;border:3px #fff solid;top:-200px;left:70px; font-family:Arial, Helvetica, sans-serif;}
	
	.case_list_2{ width:283px; height:89px; border:1px solid #e2e2e2; border-top:none; background-color:#fff;}
	.case_list_2_1{ font-size:12px; color:#3f3f3f; width:94%; height:35px; line-height:35px; margin:auto;opacity:0.5}
	.case_list_2_2{ width:94%; margin:auto; font-size:18px; color:#3f3f3f; height:35px; line-height:35px;}  
	
	.case_geng{ width:100%; height:33px; text-align: center;}
	.case_geng img{ width:33px; height:33px; cursor:pointer;}
	

	
	/*案例详情*/
	.example_warp{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding-top:50px; padding-bottom:55px;}
	.example{ width:95%; height:auto; overflow:hidden; margin:auto;}
	.example_left{ float:left; width:70%; height:auto; overflow:hidden; text-align: center;}
	.example_left img{ width:90%;}
	.example_right{ float:right; width:30%; height: auto; overflow:hidden;margin-right:0px; position:relative; overflow:hidden;}
	.example_all{ width:22%; height: auto; background-image:url(../img/case1_06.png); background-repeat:no-repeat; background-position:left top; background-color:#fff; position:fixed; top:131px; z-index:9;}
	
	.example_1{ width:100%; height: auto; padding-bottom:10px; overflow:hidden; margin-left:40px; position:relative; border-bottom:1px dashed #cccccc;}
	.example_1_1{ width:100%; font-size:56px; color:#fd3f3e; font-weight:bold; height: auto;}
	.example_1_2{ font-size:22px; color:#3e3e3e; height:40px; width:145px; text-align:right;}
	.example_2{ width:100%; height:170px; overflow:hidden; margin-left:40px; font-size:14px; color:#3e3e3e; line-height:27px; margin-top:25px; border-bottom:1px dashed #cccccc;}
	.example_3{ width:100%; height: auto; overflow:hidden; margin-left:40px;}
	.example_3_1{ width:100%; font-size:16px; color:#3e3e3e; height:70px; line-height:70px; overflow:hidden;}
	
	.example_3_2 span{ font-size:14px; color:#c0c0c0; display:inline-block; height:31px; line-height:31px; padding:0px 15px; background-color:#f3f3f3;}
	.example_4{ width:25%; height:58px; background-color:#3d3d3d; margin-left:40px; position: fixed; bottom:204px;}
	.example_4_1{ float:left; width:64px; height:58px; border-right:1px solid #535353; text-align: center;}
	.example_4_1 a{ display:block; width:64px; height:35px; padding-top:23px; cursor:pointer;}

	.example_4_2{ float:left; width:64px; height:58px; border-right:1px solid #535353; text-align: center;}
	.example_4_2 a{ display:block; width:64px; height:35px; cursor:pointer; padding-top:23px;}

	.example_4_3{ float:left; height:58px; margin-left:23px;}
	.example_4_3 a{ display:block; font-size:14px; color:#fff; height:58px; line-height:58px; background:url(../img/case1_09.png) no-repeat left; padding-left:40px;}
	
	/*新闻*/
	.n_big{ width:100%; height:200px;}
	.news{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:70px;}
	.news ul li{ float:left; width:32%; height:225px; list-style:none; margin-bottom:45px; margin-right:2%;}
	.news ul li.news_li{ margin-right:0px;}
	.news ul li a{ display:block; width:100%; height:225px; position:relative; overflow:hidden; cursor:pointer;}

	.news_1{ width:100%; height:225px;}
	.news_1_1{ width:100%; height:67px;}
	.news_1_1_1{ width:100%; font-size:30px; color:#3f3f3f; height:40px;}
	.news_1_1_2{ width:100%; font-size:14px; color:#afafaf;}
	.news_1_2{ width:100%; font-size:18px; color:#3f3f3f; height:60px; line-height:60px; overflow:hidden;}
	.news_1_3{ width:100%; height:46px; font-size:14px; color:#9c9c9c; line-height:23px; overflow:hidden;}
	.news_2{ width:100%; height:224px; border-top:1px solid #fd3f3e; position:absolute; background-color:#fff; bottom:-225px;transition:all ease-out .5s;transform:translate(0,0px);}
	.news_2_1{ width:100%; font-size:18px; color:#3f3f3f; height:60px; line-height:60px; overflow:hidden;}
	.news_2_2{ width:100%; height:46px; font-size:14px; color:#9c9c9c; line-height:23px; overflow:hidden;}
	.news_2_3{ width:96%; height:81px; background-color:#fd3f3e; padding:0px 2%; margin-top:37px;}
	.news_2_3_1{ width:100%; font-size:30px; color:#fff; height:40px; padding-top:10px;}
	.news_2_3_2{ width:100%; font-size:14px; color:#fff;}
	
	/*新闻详情*/
	.datail{ width:100%; height:200px; position:relative;}
	.datail_img{ width:100%; height:200px; position:absolute; top:0; z-index:-1;}
	.datail_tit{ width:96%; margin:auto; font-size:22px; color:#fff; height:200px; line-height:200px; background:none; padding-left:2%;}
	.datail_come_warp{ width:100%; height:62px; border-bottom:1px solid #e7e7e7;}
	.datail_come{ width:96%; height:62px; margin:auto;}
	.datail_come_left{ float:left; font-size:12px; color:#686868; height:62px; line-height:62px;}
	.datail_come_left span{ padding:0px 10px;}
	.datail_come_right{ float:right; height:35px; margin-top:13px;}
	.datail_come_right a{ display:inline-block; font-size:12px; color:#373737;  border:1px solid #616161; border-radius:4px; width:67px; height:33px; text-align: center; line-height:33px; margin-left:10px; cursor:pointer; cursor:pointer;}
	.datail_come_right a.datail_a{ font-size:14px; color:#474747; padding-left:35px; background:url(../img/detail_05.jpg) no-repeat 15px;}
	.datail_come_right a.datail_a:hover{ background-color:#fd3f3e; border:1px solid #fd3f3e; color:#fff; transition:all 0.2s; background-image:url(../img/detail_05.png); background-repeat:no-repeat; background-position:15px;} 
	.datail_come_right a:hover{ background-color:#fd3f3e; border:1px solid #fd3f3e; color:#fff; transition:all 0.2s; } 
	.detail_con{ width:96%; height:auto; overflow:hidden; margin:auto; font-size:14px; color:#4b4b4b; line-height:33px; margin-top:30px; padding-bottom:30px;}
	.detail_con img{}
	
	.detail_1{ width:100%; margin:auto;}
	.detail_1_1{ width:100%; text-align: center; background:url(../img/detail_20.jpg) no-repeat center top; height:30px; line-height:30px; padding-top:5px;}
	.detail_1_1 a{ font-size:14px; color:#6e6e6e;}
	.detail_1_2{ width:100%; text-align: center; font-size:14px; color:#6e6e6e;}
	
	.read_warp{ width:100%; height:auto; overflow:hidden; border-top:1px solid #e8e8e8; margin-top:50px;}
	.read{ width:100%; height:auto; overflow: hidden; margin:auto;}
	.read_tit{ width:100%; height:90px; margin:auto; text-align: center; line-height:90px; font-size:22px; color:#434343;}
	.read_list{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
	.read_list ul li{ float:left; width:32%; height:225px; list-style:none; margin-bottom:75px; margin-right:2%;}
	.read_list ul li.read_list_li{ margin-right:0px;}
	.read_list ul li a{ display:block; width:365px; height:225px; position:relative; overflow:hidden; cursor:pointer;}
	.read_list ul li a:hover .news_1_2{ color:#fd3f3e; transition:all 0.2s;}
	.read_list ul li a:hover .news_1_3{ color:#fd3f3e; transition:all 0.2s;}
	
	
	
}
@media screen and (max-width:1000px)and (min-width:700px){
	.head_left img{
		width: 60px;
	}
	/*头部*/
	.header_piao{ width:100%; height:81px; overflow:hidden;}
	.header{ width:100%; height:80px; background-color:#fff; position:fixed; z-index:12; border-bottom: 1px solid #e9e9e9;}
	.head{ width:95%; height:80px; margin:auto;}
	.head_left{ float:left;padding-top: 10px;padding-left: 23px;}
	.head_right{ float:right; height:75px; padding-top:14px;}
	.tel{ float:left; height:75px; background:url(../img/recruit_03.jpg) no-repeat right top; padding-right:20px; display:none;}
	.tel_left{ float:left; width:53px; height:54px;}
	.tel_right{ float:right; margin-left:5px;}
	.tel_right_1{ font-size:14px; color:#000; padding-top:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;opacity:0.5;}
	.tel_right_2{ font-size:24px; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	.dan{ float:right; height:54px; line-height:54px; font-size:24px; margin-left:20px;}
	.dan a{ font-family:Arial, Helvetica, sans-serif; background: url(../img/case_12.png) no-repeat right; padding-right:45px; cursor:pointer;opacity:0.5; color:#000;}
	.dan a:hover{opacity:1;transition:all 0.2s; }
	
	/*响应式网站*/
	.yingtwo_warp{ width:100%; height:400px; overflow:hidden;}
	.yingtwo{ width:98%; height:400px; margin:auto; position:relative;}
	.yingtwo_left{ float:left; width:50%; height:255px; padding-top:85px; opacity:1;  position: relative; left:0px;}
	.yingtwo_left_1{ width:100%; height:50px; font-size:24px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
	.yingtwo_left_2{ width:100%; font-size:14px; color:#2f2f2f; line-height:32px; margin-top:30px;}
	.yingtwo_right{ float:right; height:335px; padding-top:85px; width:50%; text-align: center; opacity:1;  position: relative; right:0px;}
	.yingtwo_right img{ width:80%;}
	
	.yingthree_warp{ width:100%; height:347px; overflow:hidden;}
	.yingthree{ width:98%; height:347px; margin:auto; position:relative;}
	.yingthree_left{ float:left; width:50%; height:255px; padding-top:90px; text-align: center; opacity:1;  position: relative; top:0px;}
	.yingthree_left img{ width:80%;}
	.yingthree_right{ float:right; height:220px; padding-top:70px; width:50%; opacity:1;  position: relative; bottom:0px;}
	.yingthree_right_1{ width:100%; height:60px; font-size:26px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
	.yingthree_right_2{ width:100%; font-size:14px; color:#2f2f2f; line-height:32px; margin-top:20px;}
	
	
	.yingfour_warp{ width:100%; height:361px; overflow:hidden;}
	.yingfour{ width:98%; height:361px; margin:auto; position:relative;}
	.yingfour_left{ float:left; width:50%; height:255px; padding-top:70px; opacity:1;  position: relative; left:0px;}
	.yingfour_left_1{ width:100%; height:60px; font-size:26px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
	.yingfour_left_2{ width:100%; font-size:14px; color:#2f2f2f; line-height:32px; margin-top:30px;}
	.yingfour_right{ float:right; height:335px; padding-top:90px; width:50%; text-align: center; opacity:1;  position: relative; right:0px;}
	.yingfour_right img{ width:80%; max-width:396px;}
	
	.yingfive_warp{ width:100%; height: auto; padding-bottom:40px; overflow:hidden;}
	.yingfive{ width:98%; height: auto; margin:auto; position:relative;}
	.yingfive_tit{ width:100%; height:100px; text-align: center; line-height:100px; font-size:24px; color:#fff; opacity:1;  position: relative; top:0px;}
	
	.yingfive_list{ width:100%; height:auto; overflow:hidden; margin-top:15px;}
	.yingfive_list ul li{ float:left; width:49%; height:83px; list-style:none; margin-right:2%; margin-bottom:20px; cursor:pointer;}
	.yingfive_list ul li.yingfive_list_li{ margin-right:0px;}
	.yingfive_list ul li:hover .yingfive_1_left{ color:#fd3f3e; transition:all 0.2s;}
	.yingfive_list ul li:hover .phoneserve_1_right{ border:2px solid #fd3f3e; transition:all 0.2s; background-color:#fd3f3e;}
	.yingfive_list ul li:hover .yingfive_2_right{ color:#fd3f3e; transition:all 0.2s;}
	.yingfive_list ul li:hover .phoneserve_2_left{ border:2px solid #fd3f3e; transition:all 0.2s; background-color:#fd3f3e;}
	.yingfive_1{ width:100%; height:83px; opacity:1;  position: relative; left:0px;}
	.yingfive_1_left{ float:left; width:78%; height:83px; font-size:16px; color:#fff; line-height:83px; text-align:right;}
	.yingfive_1_right{ float:right; width:70px; height:70px; border:2px solid #fff; border-radius:100px;}
	.yingfive_1_right img{ width:70px; height:70px;}
	
	.yingfive_2{ width:100%; height:93px; opacity:1;  position: relative; right:0px;}
	.yingfive_2_right{ float:right; width:78%; height:70px; font-size:16px; color:#fff; line-height: 24px; padding-top:13px;}
	.yingfive_2_left{ float:left; width:79px; height:79px; border:2px solid #fff; border-radius:100px;}
	.yingfive_2_left img{ width:79px; height:79px;}
	
	/*手机网站*/
	.phoneone{ width:100%; height:729px; overflow:hidden;}
	.phonetwo_warp{ width:100%; height:279px;}
	.phonetwo{ width:98%; height:279px; margin:auto; position:relative;}
	.phonetwo_1{ width:98%; text-align:center; font-size:22px; color:#444444; height:35px; padding-top:40px;}
	.phonetwo_2{ font-size:16px; color:#272727; line-height:32px; width:90%; height:100px; background:url(../img/phone_03.jpg) no-repeat center bottom; text-align: center; margin:auto; overflow:hidden; margin-top:15px;opacity:1; position:relative; top:0;}
	.phonetwo_3{ width:98%; height:50px; position: relative; bottom:0; text-align: center; margin-top:30px;opacity:1; position:relative; top:0;}
	.phonetwo_3 a{ display:inline-block; background:url(../img/phone_07.png) no-repeat center; width:233px; height:50px; text-align: center; line-height:50px; font-size:14px; color:#333;}
	
	.phonethree_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:60px;}
	.phonethree{ width:98%; height: auto; overflow:hidden; margin:auto;}
	.phonethree_tit{ width:100%; text-align: center; font-size:24px; color:#fff; height:35px; padding-top:50px;opacity:1; position:relative; top:0;}
	.phonethree_con{ width:100%; text-align: center; background:url(../img/phone_03.jpg) no-repeat center bottom; font-size:16px; color:#878787; height:45px; margin-top:20px;opacity:1; position:relative; top:0;}
	.phonethree_list{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:50px;}
	.phonethree_list ul li{ float:left; width:33.33%; height: auto; overflow:hidden; list-style:none; cursor:pointer;opacity:1; position:relative; bottom:0;}
	
	.phonethree_list ul li:hover .phonethree_list_img{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phonethree_list ul li:hover .phonethree_list_con{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	.phonethree_list_img{ width:115px; height:115px; border:2px solid #fff; border-radius:120px; margin:auto;}
	.phonethree_list_img img{ width:115px; height:115px;}
	.phonethree_list_con{ font-size:14px; color:#ffffff; line-height:26px; height:52px; overflow:hidden; text-align: center; margin:auto; width:96%; margin-top:20px;}
	
	.phonefour_warp{ width:100%; height:772px; overflow:hidden;}
	.phonefour{ width:98%; height:772px; margin:auto;}
	.phonefour_left{ float:right; width:100%; padding-top:25px; height:auto; overflow:hidden;}
	.phonefour_left ul li{ width:100%; height:100px; margin-bottom:0px; list-style:none; cursor:pointer;opacity:1; position:relative; left:0;}
	.phonefour_left ul li:hover .phonefour_left_right_1{color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.phonefour_left ul li:hover .phonefour_left_right_2{color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.phonefour_left_left{ float:left; width:53px; height:53px; border:1px solid #272636; border-radius:100px;}
	.phonefour_left_left img{ width:53px; height:53px;}
	
	
	.phonefour_left_right{ float:right; width:690px; height:100px;}
	.phonefour_left_right_1{ width:100%; font-size:22px; color:#000; height:40px; overflow:hidden; line-height:40px;}
	.phonefour_left_right_2{ width:100%; font-size:14px; color:#000; height:40px; line-height:20px;}
	
	.phonefour_right{ float:right; width:100%; height: auto; overflow:hidden; background-color:#43bcc1;opacity:1; position:relative; right:0;}
	.phonefour_1{ width:90%; border-left:1px solid #fff; border-right:none; margin:auto; height: auto; margin-top:38px; padding-bottom:15px; margin-bottom:38px;}
	.phonefour_1_1{ width:304px; text-align:left; font-size:24px; color:#fff; line-height:40px; background:url(../img/phone_26.jpg) no-repeat left bottom; height:95px; margin-left:30px;}
	.phonefour_1_2{ width:304px; text-align:left; font-size:16px; color:#fff; line-height:27px;opacity: 0.5; margin-top:35px; margin-left:30px;}
	
	.phonefive_warp{ width:100%; height: auto; padding-bottom:30px; overflow:hidden;}
	.phonefive{ width:100%; height: auto; overflow:hidden; margin:auto;}
	.phonefive_top{ width:100%; height: auto; overflow:hidden;opacity:1; position:relative; top:0;}
	.phonefive_top_left{ float:left; width:100%; height: auto; overflow:hidden; background-color:#43bcc1;}
	.phonefive_1{ width:90%; border-left:1px solid #fff; margin:auto; height: auto; overflow:hidden; margin-top:38px; margin-bottom:38px;}
	.phonefive_1_1{ width:304px; font-size:24px; color:#fff; line-height:40px; background:url(../img/phone_26.jpg) no-repeat left bottom; height:95px; margin-left:25px;}
	.phonefive_1_2{ width:304px; font-size:14px; color:#fff; line-height:27px;margin-left:25px; margin-top:35px;}
	.phonefive_top_right{ float:right; width:100%; height: auto; overflow:hidden;}
	.phonefive_tit{ width:100%; font-size:22px; text-align: center; background:url(../img/phone_03.jpg) no-repeat center bottom; height:50px; margin-top:35px; color:#fff;}
	.phonefive_list{ width:100%; height: auto; overflow:hidden; margin-top:40px;}
	.phonefive_list ul li{ float:left; width:33.33%; height: auto; overflow:hidden; list-style:none; cursor:pointer;}
	.phonefive_list ul li:hover .phonefive_list_img{ background-color:#fd3f3e; border:1px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phonefive_list ul li:hover .phonefive_list_tit{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	
	.phonefive_list_img{ width:88px; height:88px; border:1px solid #fff; border-radius:100px; margin:auto;}
	.phonefive_list_img img{ width:88px; height:88px;}
	.phonefive_list_tit{ width:100%; height:70px; font-size:16px; color:#fff; text-align: center; line-height:70px;}
	.phonefive_bottom{ width:100%; height:100px; margin-top:65px;opacity:1; position:relative; bottom:0;}
	.phonefive_bottom ul li{ float:left; width:33.33%; height:100px; list-style:none;}
	.phonefive_bottom_1{ width:100%; height:52px; font-size:35px; color:#fff; text-align: center;}
	.phonefive_bottom_1 span{ font-size:14px; margin-left:5px;}
	.phonefive_bottom_2{ width:100%; font-size:14px; color:#fff; text-align: center; height:48px; line-height:48px;}
	
	.phonesix_warp{ width:100%; height: auto; overflow:hidden; overflow:hidden;}
	.phonesix{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.phonesix_1{ width:100%; text-align: center; font-size:22px; color:#000; height:30px; padding-top:50px;opacity:1; position:relative; top:0;}
	.phonesix_2{ width:100%; text-align: center; background: url(../img/phone_031.jpg) no-repeat center bottom; font-size:20px; color:rgba(0,0,0,0.34); height:40px; margin-top:20px;opacity:1; position:relative; top:0;}
	.phonesix_3{ background:none; width:100%; height: auto; overflow:hidden; position: relative; left:0px; bottom:0;}
	.phonesix_list{ width:98%; height:446px; margin-left:1%; margin-top:40px; opacity: 1;}
	.phonesix_list ul li{ float:left; width:33.33%; height:200px; list-style:none;}
	.phonesix_list_1{ width:100%; height:200px; background-color:#e7e7e7;}
	.phonesix_list_2{ width:100%; height:200px; background-color:#fff;}
	.phonesix_img{ width:100%; text-align: center; padding-top:33px; height:58px;}
	.phonesix_en{ width:100%; text-align: center; font-size:18px; color:#000;opacity: 0.5; font-family:Arial, Helvetica, sans-serif; height:21px; margin-top:10px;}
	.phonesix_con{ font-size:14px; color:#000000; line-height:25px; text-align: center; margin:auto; margin-top:10px; width:98%;}
	
	.phoneserve_warp{ width:100%; height: auto; padding-bottom:40px overflow:hidden;}
	.phoneserve{ width:98%; height: auto; overflow:hidden; margin:auto;}
	.phoneserve_tit{ width:100%; text-align: center; font-size:24px; background:url(../img/phone_03.jpg) no-repeat center bottom; height:55px; padding-top:45px; color:#fff;opacity:1; position:relative; top:0;}
	.phoneserve_con{ width:100%; height:auto; overflow:hidden; margin-top:65px;}
	.phoneserve_con ul li{ float:left; width:49%; height:93px; list-style:none; margin-right:2%; margin-bottom:40px; cursor:pointer;	}
	.phoneserve_con ul li.phoneserve_con_li{ margin-right:0px;}
	.phoneserve_con ul li:hover .phoneserve_1_right{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_1_left_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_1_left_1{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	
	.phoneserve_con ul li:hover .phoneserve_2_left{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_2_right_1{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_2_right_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	
	.phoneserve_1{ width:100%; height:93px;opacity:1; position:relative; left:0;}
	.phoneserve_1_left{ float:left; width:454px; height:93px;}
	.phoneserve_1_left_1{ width:100%; text-align:right; font-size:18px; color:#fff; height:35px; line-height:35px;} 
	.phoneserve_1_left_2{ width:100%; font-size:14px; color:#fff; line-height:22px; height:64px; overflow:hidden; text-align:right;}
	.phoneserve_1_right{ float:right; width:70px; height:70px; border:2px solid #fff; border-radius:100px;}
	.phoneserve_1_right img{ width:70px; height:70px;}
	
	.phoneserve_2{ width:100%; height:93px;opacity:1; position:relative; right:0;}
	.phoneserve_2_right{ float:right; width:454px; height:93px;}
	.phoneserve_2_right_1{ width:100%; font-size:18px; color:#fff; height:35px; line-height:35px;} 
	.phoneserve_2_right_2{ width:100%; font-size:14px; color:#fff; line-height:22px; height:64px; overflow:hidden;}
	.phoneserve_2_left{ float:left; width:70px; height:70px; border:2px solid #fff; border-radius:100px;}
	.phoneserve_2_left img{ width:70px; height:70px;}
	
	.phoneeight_warp{ width:100%; height: auto; overflow:hidden;}
	.phoneeight{ width:100%; height: auto; margin:auto; overflow:hidden;}
	.phoneeight_en{ width:100%; height:43px; text-align: center; margin:auto; margin-top:30px;}
	.phoneeight_en img{ width:200px; height:43px;}
	.phoneeight_tit{ width:100%; font-size:24px; color:#2f2f2f; text-align: center; margin:auto; height:55px; line-height:55px;}
	.phoneeight_list{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:75px;}
	.phoneeight_list ul li{ float:left; width:280px; height:177px; list-style:none;}
	
	.grid {
		overflow: hidden;
		margin: 0;
		width: 100%;
		list-style: none;
		text-align: center; height:177px; max-width:280px; background:#ef342b;
	}
	.grid_1{ width:280px; height:177px;}
	.grid_1 img{ width:280px; height:177px;}
	/* Common style */
	.grid figure {
		position: relative;
		z-index: 1;
		display: inline-block;
		overflow: hidden;
		width:100%;
		height: 177px;
		
		text-align: center;
		cursor: pointer;
	}
	
	.grid figure img {
		position: relative;
		display: block;
		min-height: 100%;
	
	}
	
	.grid figure figcaption {
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.grid figure figcaption::before,
	.grid figure figcaption::after {
		pointer-events: none;
	}
	
	
	figure.effect-bubba img {
	
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s; margin:auto;
	}
	
	figure.effect-bubba:hover img {
		opacity: 0.4;
	}
	
	figure.effect-bubba figcaption::before,
	figure.effect-bubba figcaption::after {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}
	
	figure.effect-bubba figcaption::before {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}
	
	figure.effect-bubba figcaption::after {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
	}
	
	.phoneeight_img{ width:100%; height:50px; text-align: center; margin:auto; position:absolute; top:52px; transition: transform 0.35s;opacity: 0;}
	.phoneeight_img img{ width: auto; height:50px;}
	.phoneeight_list_tit { width:100%; height:40px; font-size:12px; color:#fff; line-height:40px; text-align: center; margin:auto; position:absolute; top:100px; transition: transform 0.35s;opacity:0; display:none;}
	
	
	figure.effect-bubba:hover figcaption::before,
	figure.effect-bubba:hover figcaption::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	figure.effect-bubba:hover .phoneeight_img,
	figure.effect-bubba:hover .phoneeight_img img,
	figure.effect-bubba:hover .phoneeight_list_tit{
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	
	.phoneeight_more{ width:100%; text-align:center; height:45px; margin:auto; margin-top:40px; margin-bottom:20px;}
	.phoneeight_more a{ display:inline-block; font-size:14px; color:#fff; width:130px; height:33px; border:1px solid #fff; text-align: center; line-height:33px; border-radius:20px; cursor:pointer;}
	.phoneeight_more a:hover{ background-color:#fd3f3e; transition:all 0.2s; border:1px solid #fd3f3e;}
	
	.deeper{ width:100%; height: auto; padding-bottom:10px; background-color:#262626;  overflow:hidden;}
	.deep{ width:98%; height: auto; overflow:hidden;	 margin:auto; padding-top:30px;}  
	.deep_left{ float:left; width:100%;}
	.deep_left_1{ width:100%; font-size:30px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:30px; overflow:hidden;}
	.deep_left_2{ width:100%; height:50px;}
	.deep_1{ float:left; height:50px; line-height:50px; font-size:16px; color:#fff; background:url(../img/case_66.png) no-repeat left; padding-left:20px;}
	.deep_2{ float:left; height:50px; line-height:50px; font-size:14px; color:#fff; background:url(../img/case_63.png) no-repeat left; padding-left:20px; margin-left:30px;}
	
	.deep_right{ float:right; width:100%;} 
	.deep_right_1{ height:48px; line-height:48px; font-size:12px; color:#fff; float:right; width:100%; overflow:hidden; text-align: center;}
	.deep_right_1 a{ margin-left:15px; margin-right:20px;}
	.deep_right_2{ width:100%; font-size:12px; color:#fff; line-height:24px;opacity:0.5; text-align: center;}
	.back{ width:100%; height: 56px; position: relative; right:10px; bottom: 0px;}
	.back a{ float:right;display: block; width:46px;height:46px;}
	.back img{ width:46px; height:46px;}
	
	/*营销型网站*/
	.xiaotwo_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:60px;}
	.xiaotwo{ width:98%; height: auto; margin:auto; position:relative;}
	.xiaotwo_tit{ width:100%; text-align: center; font-size:24px; color:#fff; height:55px; background:url(../img/phone_03.jpg) no-repeat center bottom; padding-top:60px; opacity:1;top: 0px;}
	.xiaotwo_list{ width:100%; height: auto; overflow:hidden; margin-top:70px;} 
	.xiaotwo_list ul li{ float:left; width:50%; height:auto; list-style:none; cursor:pointer; opacity:1;bottom: 0px;}
	.xiaotwo_list ul li:hover .xiaotwo_list_1{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;}
	.xiaotwo_list ul li:hover .xiaotwo_list_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaotwo_list ul li:hover .xiaotwo_list_3{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaotwo_list_1{ width:134px; height:134px; margin:auto; border-radius:100%; border:2px solid #fff;}
	.xiaotwo_list_1 img{ width:134px; height:134px; }
	.xiaotwo_list_2{ width:96%; margin:auto; font-size:20px; color:#fff; text-align: center; height:60px; line-height:60px;}
	.xiaotwo_list_3{ width:96%; margin:auto; text-align: center; font-size:14px; line-height:25px; height:100px; overflow:hidden; color:#fff; margin-top:10px;}
	
	.xiaothree_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:60px;}
	.xiaothree{ width:100%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.xiaothree_left{ float:left; width:98%; height:auto; overflow:hidden; padding-top:40px; margin-left:1%;}
	.xiaothree_1{ width:100%; height: auto; overflow:hidden; margin-bottom:15px; cursor:pointer; opacity:1;left: 0px;}
	.xiaothree_1:hover .xiaothree_1_tit{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaothree_1:hover .xiaothree_1_con{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaothree_1_tit{ width:100%; font-size:18px; line-height:29px; color:#000; height:29px;}
	.xiaothree_1_con{ width:100%; font-size:14px; color:#000; line-height:22px; height: auto; overflow:hidden; margin-top:6px;}
	
	.xiaothree_right{ float:right; width:100%; height: auto; overflow:hidden; background-color:#fc5958; opacity:1;right: 0px;}
	.xiaothree_right_1{ font-size:24px; color:#fff; width:94%; margin:auto; height:35px; text-align:left; padding-top:25px;}
	.xiaothree_right_2{ width:94%; margin:auto; height:45px; text-align:left; background:url(../img/phone_26.jpg) no-repeat left bottom; margin-top:20px; margin-bottom:29px;}
	.xiaothree_right_2 img{ width:240px; height:29px;}
	
	.xiaofour_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:60px;}
	.xiaofour{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.xiaofour_tit{ width:100%; text-align: center; font-size:24px; color:#fff; background:url(../img/phone_26.jpg) no-repeat center bottom; height:55px; padding-top:45px; opacity:1;top: 0px;}
	.xiaofour_all{ width:100%; height:540px; background:url(../img/xiao_14.png) no-repeat center top; margin-top:40px; opacity:1;bottom: 0px;}

	
	.xiaofour_all_1{ width:55%; height:145px; margin:auto;}
	.xiaofour_1{ width:100%; height:145px; background:none;} 
	.xiaofour_1_left{ float:left; width:540px; height:145px;}
	.xiaofour_1_left_1{ width:100%; height:50px; line-height:50px; margin-top:5px; text-align:right; font-size:22px; color:#fff; overflow:hidden;}
	.xiaofour_1_left_1 span{ font-size:18px; padding-left:10px;}
	.xiaofour_1_left_2{ width:100%; text-align:right; font-size:14px; color:#fff; line-height:22px; height:66px; overflow:hidden;}
	.xiaofour_1_mid{ float:left; background:url(../img/wang_09.jpg) no-repeat center; width:18px; height:65px; margin-left:12px;}
	.xiaofour_1_right{ float:right; width:65px; height:65px; background:url(../img/wang_06.png) no-repeat center;}
	.xiaofour_1_right img{ width:59px; height:59px; padding:3px; border-radius:100px;}
	
	.xiaofour_all_2{ width:55%; height:145px; margin:auto;}
	.xiaofour_2{ float:right; width:100%; height:145px; background:none; margin:auto;} 
	.xiaofour_2_right{ float:right; width:540px; height:145px;}
	.xiaofour_2_right_1{ width:100%; height:50px; line-height:50px; margin-top:5px; font-size:22px; color:#fff; overflow:hidden;}
	.xiaofour_2_right_1 span{ font-size:18px; padding-left:10px;}
	.xiaofour_2_right_2{ width:100%; font-size:14px; color:#fff; line-height:22px; height:66px; overflow:hidden;}
	.xiaofour_2_mid{ float:left; background:url(../img/wang_09.jpg) no-repeat center; width:18px; height:65px;}
	.xiaofour_2_left{ float:left; width:65px; height:65px; background:url(../img/wang_06.png) no-repeat center; margin-left:5px;}
	.xiaofour_2_left img{ width:59px; height:59px; padding:3px; border-radius:100px;}
	
	.xiaofour_3{width:100%; height:145px;}             
	
	
	/*定制网站*/
	.zhitwo_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:0px;}
	.zhitwo{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.zhitwo_tit{ width:100%; font-size:24px; color:#444; text-align: center; height:60px; line-height:60px; padding-top:35px; opacity:1;top: 0px;}
	.zhitwo_con{ width:70%; text-align: center; font-size:14px; color:#7a7a7a; line-height:24px; height:85px; background:url(../img/zhi1_05.jpg) no-repeat center bottom; margin:auto; margin-top:5px; opacity:1;top:0px;}
	.zhitwo_list{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:70px;}
	.zhitwo_list ul li{ float:left; width:25%; height: auto; overflow:hidden; list-style:none; cursor:pointer; opacity:1;bottom: 0px;}
	.zhitwo_list ul li:hover .zhitwo_list_img{ background-color:#fd3f3e; border:2px solid #fd3f3e;}
	.zhitwo_list ul li:hover .zhitwo_list_img_1{ display:none;}
	.zhitwo_list ul li:hover .zhitwo_list_img_2{ display: block;}
	.zhitwo_list ul li:hover .zhitwo_list_tit{ color:#fd3f3e;}
	.zhitwo_list_img{ width:138px; height:138px; border:2px solid #0a0204; border-radius:100px; margin:auto; position:relative; margin:auto;}
	.zhitwo_list_img_1{ width:138px; height:138px;}
	.zhitwo_list_img_2{ width:138px; height:138px; display:none;} 
	.zhitwo_list_tit{ width:96%; text-align: center; font-size:15px; color:#444; height:48px; line-height:24px; margin:auto; margin-top:10px;}
	
	.zhithree_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:40px;height: 342px}
	.zhithree{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.zhithree_left{ float:left; width:50%; height:270px; padding-top:95px; opacity:1;left: 0px;}
	.zhithree_left_1{ width:100%; height:40px; font-size:24px; color:#fff;}
	.zhithree_left_2{ width:100%; height: auto; overflow:hidden; margin-top:16px;}
	.zhithree_left_2 img{ width:70%; height: auto; max-width: 400px; max-height: 211px;}
	.zhithree_right{ float:left; width:200px; height:200px; border:3px solid #fff; margin-top:95px; opacity:1;right: 0px;}
	.zhithree_right_1{ width:100%; text-align: center; height:78px; margin-top:45px;}
	.zhithree_right_1 img{ width:40px; height:78px;}
	.zhithree_right_2{ width:100%; text-align: center; font-size:24px; color:#fff; font-family:Arial, Helvetica, sans-serif; height:65px; line-height:65px;}
	
	.zhifour_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:60px;}
	.zhifour{ width:100%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.zhifour_left{ float:left; width:98%; height:auto; margin-left:1%; padding-top:30px;}
	.zhifour_left ul li{ width:100%; height:145px; margin-bottom:20px; list-style:none; cursor:pointer; opacity:1;left: 0px;}
	.zhifour_left ul li:hover .zhifour_left_left img{-moz-transform:scale(1.1,1.1);
		-webkit-transform:scale(1.1,1.1);
		-o-transform:scale(1.1,1.1);
		-ms-transform:scale(1.1,1.1);
		 transform:scale(1.1,1.1);}
	
	.zhifour_left_left{ float:left; width:52px; height:52px; border:1px solid #000000; border-radius:100px; overflow: hidden;}
	.zhifour_left_left img{ width:52px; height:52px;transition:all 0.2s}
	
	.zhifour_left_right{ float:right; width:720px; height:145px;}
	.zhifour_left_right_1{ width:100%; font-size:24px; line-height:40px; color:#000; height:40px;}
	.zhifour_left_right_2{ width:100%; font-size:14px; color:#000; line-height:27px; margin-top:5px;}
	
	.zhifour_right{ float:right; width:100%; height: auto; overflow:hidden; background-color:#232324; padding-bottom:35px; opacity:1;right: 0px;}
	.zhifour_1{ width:90%; height: auto; overflow:hidden; margin:auto; background:url(../img/zhi1_31.jpg) no-repeat left top; margin-top:35px;}
	.zhifour_1_1{ font-size:16px; color:rgba(255,255,255,0.5); width:285px; text-align:left; height:40px; line-height:40px; margin-left:20px;}
	.zhifour_1_2{ font-size:35px; color:#fd3f3e; width:285px; text-align:left; background:url(../img/phone_26.jpg) no-repeat left bottom; height:75px; margin-top:10px; margin-left:20px;}
	.zhifour_1_3{ width:285px; text-align:left; font-size:16px; color:#fff; line-height:27px; margin-top:20px; margin-left:20px;}
	
	.zhifive_warp{ width:100%; height: auto; overflow:hidden; background-color:#fff;margin-top: -342px;}
	.zhifive{ width:100%; height: auto; overflow: hidden; margin:auto;}
	.zhifive_left{ width:50%; height:700px; position:absolute; left:0; z-index:0; overflow:hidden; display:none;}
	.zhifive_left img{ width:100%; height:700px;}
	.zhifive_img{ width:100%; height: auto; text-align: center; position: relative; display:none;}
	.zhifive_img_1{ width:100%; height:100%; display:none;}
	.zhifive_img_1 img{ padding-top:104px;padding-left: 37px;}
	.zhifive_img_2{ width:100%; font-size:30px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position: relative; top:0px; padding-top:30px;}
	.zhifive_img_3{ width:100%; font-size:40px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position: relative; top:0px;}
	.zhifive_img_4{ width:100%; font-size:24px; color:#383838;text-align: center; position: relative; top:0px; height:40px; line-height:40px;}
	
	
	.zhifive_right{ float:right; width:100%; height:330px; overflow:hidden; position:relative; display:none;}
	.zhifive_right_1{ width:96%; font-size:18px; color:#383838; position: relative; top:20px; height:24px; left:0px; cursor:pointer; margin:auto;}
	.zhifive_right_1 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_1 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_1:hover small {  opacity: 0;}
	.zhifive_right_1:hover i { width: 100%;opacity: 1; }
	
	.zhifive_right_2{ font-size:18px; color:#383838; position: relative; top:40px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_2 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_2 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_2:hover small {  opacity: 0;}
	.zhifive_right_2:hover i { width: 100%;opacity: 1; }
	
	
	.zhifive_right_3{ font-size:18px; color:#383838; position: relative; top:60px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_3 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_3 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_3:hover small {  opacity: 0;}
	.zhifive_right_3:hover i { width: 100%;opacity: 1; }
	
	
	.zhifive_right_4{ font-size:18px; color:#383838; position:relative; bottom:301px; top:80px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_4 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_4 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_4:hover small {  opacity: 0;}
	.zhifive_right_4:hover i { width: 100%;opacity: 1; }
	
	
	.zhifive_right_5{ font-size:18px; color:#383838; position:relative; bottom:172px; top:100px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_5 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_5 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_5:hover small {  opacity: 0;}
	.zhifive_right_5:hover i { width: 100%;opacity: 1; }
	
	
	.zhifive_right_6{ font-size:18px; color:#383838; position:relative; bottom:91px; top:120px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_6 small {font-size: 18px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_6 i { font-size: 18px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_6:hover small {  opacity: 0;}
	.zhifive_right_6:hover i { width: 100%;opacity: 1; }
	
	
	/*定制流程*/
	.cheng{ width:100%; height:auto; overflow: hidden; position:relative; display:block;}
	.cheng_tu{ width:100%; height:230px; overflow:hidden; position:absolute; top:0; background:url(../img/cheng_02.png) no-repeat center; background-size:100% 100%; z-index:1;} 
	.cheng_tit{ width:100%; background:url(../img/cheng_03.png) no-repeat center; height:280px; margin-top:69px; position:relative; z-index:11;}
	.zhifive_img_2{ width:100%; font-size:25px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position: relative; top:0px; padding-top:110px;}
	.zhifive_img_3{ width:100%; font-size:34px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position: relative; top:0px;}
	.zhifive_img_4{ width:100%; font-size:26px; color:#383838;text-align: center; position: relative; top:0px; height:30px; line-height:30px;}
	.cheng_list{ width:330px; height:auto; overflow:hidden; background:url(../img/cheng_04.jpg) repeat-y center; min-height:490px; margin:auto; position:relative; padding-top:50px; padding-bottom:20px;} 
	.cheng_1{ width:174px; height:80px; background:url(../img/cheng_07.jpg) no-repeat right 6px;}
	.cheng_1_tit{ font-size:22px; color:#272727; width:145px; text-align:right; height:29px;}
	.cheng_1_con{ font-size:16px; color:#757575; width:145px; text-align:right; height:38px; margin-top:5px;}
	
	.cheng_2{ width:174px; height:80px; background:url(../img/cheng_07.jpg) no-repeat left 6px; position:absolute; top:125px; right:0px;}
	.cheng_2_tit{ font-size:22px; color:#272727; width:145px; text-align:left; height:29px; margin-left:29px;}
	.cheng_2_con{ font-size:16px; color:#757575; width:145px; text-align:left; height:38px; margin-top:5px;margin-left:29px;}
	
	.cheng_3{ width:174px; height:80px; background:url(../img/cheng_07.jpg) no-repeat right 6px; position:absolute; top:205px;}
	.cheng_4{ width:174px; height:80px; background:url(../img/cheng_07.jpg) no-repeat left 6px; position:absolute; top:285px; right:0px;}
	.cheng_5{ width:174px; height:80px; background:url(../img/cheng_07.jpg) no-repeat right 6px; position:absolute; top:365px;}
	.cheng_6{ width:174px; height:80px; background:url(../img/cheng_07.jpg) no-repeat left 6px; position:absolute; top:445px; right:0px;}
	
	
	.zhisix_warp{ width:100%; height:342px; background-color:#fff;}
	.zhisix{ width:98%; height:342px; margin:auto; position:relative;}
	.zhisix_tit{ width:100%; text-align: center; font-size:26px; color:#fff; height:35px; padding-top:210px;}
	.zhisix_con{ width:100%; font-size:16px; color:#fff; text-align: center; height:45px; line-height:45px;}
	
	.main{ width:100%; height:auto; margin:auto; position:relative;}
	.big_all_1{ width:100%; height:270px;}
	.big_all{ width:100%; height:270px; position:relative; background:url(../img/case_181.jpg) no-repeat center; background-size:auto 100%;}
	.case_mune_warp{ width:100%; height:60px; text-align: center; padding-top:210px;}
	.fixed{
		position: fixed;
		width: 100%;
		max-width: none;
		left: 0;
		top: -75px;
		z-index:10;
		margin-top: 0px;
	}
	
	.fixed11{
		position: fixed;
		width: 100%;
		max-width: none;
		left: 0;
		top: 135px;
		z-index:10;
		margin-top: 0px;
	}
	
	.case_mune{ width:100%; height:60px; background-color:#fff; margin:auto;}
	.case_mune a{ display:block; float:left; width:25%; height:60px; background:url(../img/case_shu.jpg) no-repeat left; font-size:16px; color:#3f3f3f; border-top:3px solid #fff; height:57px; line-height:57px; text-align:center; cursor:pointer;}
	.case_mune a.case_mune_1{ background:none;}
	.case_mune a:hover{ border-top:3px solid #fd3f3e;transition:all 0.2s;}
	.case_mune a.case_mune_a{ border-top:3px solid #fd3f3e;}
	.case_miao{ width:100%; height:70px; line-height:70px; font-size:14px; color:#acacac; text-align: center; padding-top:30px;}
	.case_miao a{ color:#383838;} 
	.case_miao a:hover{ color:#fd3f3e; cursor:pointer;}
	
	
	.case_list{ width:100%; height:auto; overflow:hidden; margin:auto;}
	.case_list ul li{ float:left; width:285px; height: auto; overflow:hidden; list-style:none; margin-right:10px; margin-bottom:30px; margin-left:10px;}
	.case_list ul li.case_list_li{ margin-right:10px;}
	.case_list ul li a{ display:block; width:285px; height: auto; overflow:hidden; cursor:pointer;}
	.case_list ul li:hover{box-shadow: 0px 0px 10px 1px #888;}
	
	.case_list_1{ width:285px; height: auto; position:relative; overflow:hidden;}
	.case_img{ width:285px; height: auto; overflow:hidden;}
	.case_img img{ width:100%; height:auto;}
	.case_more_bg{ position:absolute;width:285px;height:100%;background:#fd3f3e;top:0px;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
	.case_more_1{ position:absolute;color:#FFF;font-size:14px;width:124px;text-align:center;height:40px;line-height:40px;border:3px #fff solid;top:-200px;left:70px; font-family:Arial, Helvetica, sans-serif;}
	
	.case_list_2{ width:283px; height:89px; border:1px solid #e2e2e2; border-top:none; background-color:#fff;}
	.case_list_2_1{ font-size:12px; color:#3f3f3f; width:94%; height:35px; line-height:35px; margin:auto;opacity:0.5}
	.case_list_2_2{ width:94%; margin:auto; font-size:16px; color:#3f3f3f; height:35px; line-height:35px;}  
	
	.case_geng{ width:100%; height:33px; text-align: center;}
	.case_geng img{ width:33px; height:33px; cursor:pointer;} 
	
	/*案例详情*/
	.example_warp{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding-top:50px; padding-bottom:55px;}
	.example{ width:95%; height:auto; overflow:hidden; margin:auto;}
	.example_left{ float:right; width:100%; height:auto; overflow:hidden; text-align: center; margin-top:30px;}
	.example_left img{ width:90%;}
	.example_right{ float:left; width:100%; height: auto;margin-right:0px; position:relative; overflow:hidden;}
	.example_all{ width:100%; height: auto; overflow:hidden; background-image:url(../img/case1_06.png); background-repeat:no-repeat; background-position:left top; background-color:#fff; position: relative; top:0px; z-index:9;}
	
	.example_1{ width:96%; height: auto; padding-bottom:10px; overflow:hidden; margin-left:4%; position:relative; border-bottom:1px dashed #cccccc;}
	.example_1_1{ width:100%; font-size:56px; color:#fd3f3e; font-weight:bold; height: auto;}
	.example_1_2{ font-size:22px; color:#3e3e3e; height:40px; width:145px; text-align:right;}
	.example_2{ width:96%; height:224px; overflow:hidden; margin-left:4%; font-size:14px; color:#3e3e3e; line-height:27px; margin-top:25px; border-bottom:1px dashed #cccccc;}
	.example_3{ width:100%; height: auto; overflow:hidden; margin-left:40px;}
	.example_3_1{ width:100%; font-size:16px; color:#3e3e3e; height:70px; line-height:70px; overflow:hidden;}
	
	.example_3_2 span{ font-size:14px; color:#c0c0c0; display:inline-block; height:31px; line-height:31px; padding:0px 15px; background-color:#f3f3f3;}
	.example_4{ width:25%; height:58px; background-color:#3d3d3d; margin-left:40px; position: fixed; bottom:204px; display:none;}
	.example_4_1{ float:left; width:64px; height:58px; border-right:1px solid #535353; text-align: center;}
	.example_4_1 a{ display:block; width:64px; height:58px; cursor:pointer;}
	.example_4_1 img{ padding-top:23px;}
	.example_4_2{ float:left; width:64px; height:58px; border-right:1px solid #535353; text-align: center;}
	.example_4_2 a{ display:block; width:64px; height:58px; cursor:pointer;}
	.example_4_2 img{ padding-top:23px;}
	.example_4_3{ float:left; height:58px; margin-left:23px;}
	.example_4_3 a{ display:block; font-size:14px; color:#fff; height:58px; line-height:58px; background:url(../img/case1_09.png) no-repeat left; padding-left:40px;}
	.example_5 {  display: block; width: 163px;height: 43px; background-color: #2c2c2c; font-size: 16px; text-align: center; line-height: 43px; color: #fff; margin-top: 0px; margin-left:40px;}
	                  
	.piao{ width:100%; height:43px; display:block;}
	.showy{ display:none;}    
	.fu_warp{ width:100%; height:43px; background-color:#fd3f3e; position:fixed; bottom:0; z-index:9999999;}
	.fu{ width:100%; height:43px; margin:auto; text-align:center;}
	.fu a{ float:left; display: inline-block; width:33.33%; height:43px; font-size:14px; color:#fff; text-align: center; line-height:43px; background:url(../img/di_03.png) no-repeat right;} 
	.fu a.fu_a{ background:none;}
	.fu span{font-size:14px; color:#fff; background:url(../img/z1.png) no-repeat left; padding-left:23px; background-size:auto 100%;}
	.fu span.fu_span1{font-size:14px; color:#fff; background:url(../img/lian.png) no-repeat left; padding-left:23px; background-size:auto 100%;}
	.fu span.fu_span2{font-size:14px; color:#fff; background:url(../img/dian.png) no-repeat left; padding-left:23px; background-size:auto 100%;}
	
	
	.notice_warp{ width:100%; height:43px; background-color:#2c2c2c; position:fixed; bottom:0; z-index:9999999;}
	.notice{ width:100%; height:43px; margin:auto; text-align:center;}
	/*.notice a{ float:left; display:block; width:20%; height:43px; text-align: center; font-size:14px; color:#fff; line-height:43px;}*/
	.notice_1{ float:left; width:30%; height:43px; background:url(../img/qing_03.jpg) no-repeat right; line-height:43px; text-align: center;}
	.notice_1 span{ font-size:14px; color:#fff; background:url(../img/z1.png) no-repeat left; padding-left:23px; background-size:auto 100%;}
	.notice_2{ float:left; width:13%; height:39px; background:url(../img/qing_03.jpg) no-repeat right; line-height:43px; text-align: center; padding-top:4px;}
	.notice_2 a{ display:inline-block; width:15px; background:url(../img/shang.png) no-repeat center; background-size:auto 100%; height:17px;}
	.notice_3{ float:left; width:13%; height:39px; background:url(../img/qing_03.jpg) no-repeat right; line-height:43px; text-align: center; padding-top:4px;}
	.notice_3 a{ display:inline-block; width:20px; background:url(../img/cai.png) no-repeat center; background-size:auto 100%; height:15px;}
	.notice_4{ float:left; width:13%; height:39px; background:url(../img/qing_03.jpg) no-repeat right; line-height:43px; text-align: center; padding-top:4px;}
	.notice_4 a{ display:inline-block; width:15px; background:url(../img/xia.png) no-repeat center; background-size:auto 100%; height:17px;}
	.notice_5{ float:left; width:30%; height:39px; line-height:43px; text-align: center; padding-top:4px;}
	.notice_5 span{ font-size:14px; color:#fff; background:url(../img/dian.png) no-repeat left; padding-left:23px; background-size:auto 100%;}
	
	
	/*新闻*/
	.n_big{ width:100%; height:200px; display:none;}
	.n_big1{ display:block;}
	.news{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:70px;}
	.news ul li{ float:left; width:32%; height:215px; list-style:none; margin-bottom:45px; margin-right:2%;}
	.news ul li.news_li{ margin-right:0px;}
	.news ul li a{ display:block; width:100%; height:215px; position:relative; overflow:hidden; cursor:pointer;}

	.news_1{ width:100%; height:215px;}
	.news_1_1{ width:100%; height:67px;}
	.news_1_1_1{ width:100%; font-size:24px; line-height:40px; color:#3f3f3f; height:40px;}
	.news_1_1_2{ width:100%; font-size:14px; color:#afafaf;}
	.news_1_2{ width:100%; font-size:16px; color:#3f3f3f; height:50px; line-height:50px; overflow:hidden;}
	.news_1_3{ width:100%; height:46px; font-size:14px; color:#9c9c9c; line-height:23px; overflow:hidden;}
	.news_2{ width:100%; height:214px; border-top:1px solid #fd3f3e; position:absolute; background-color:#fff; bottom:-215px;transition:all ease-out .5s;transform:translate(0,0px);}
	.news_2_1{ width:100%; font-size:16px; color:#3f3f3f; height:50px; line-height:50px; overflow:hidden;}
	.news_2_2{ width:100%; height:46px; font-size:14px; color:#9c9c9c; line-height:23px; overflow:hidden;}
	.news_2_3{ width:96%; height:81px; background-color:#fd3f3e; padding:0px 2%; margin-top:37px;}
	.news_2_3_1{ width:100%; font-size:30px; color:#fff; height:40px; padding-top:10px;}
	.news_2_3_2{ width:100%; font-size:14px; color:#fff;}
	
	/*新闻详情*/
	.datail{ width:100%; height:200px; position:relative;}
	.datail_img{ width:100%; height:200px; position:absolute; top:0; z-index:-1;}
	.datail_tit{ width:96%; margin:auto; font-size:22px; color:#fff; height:200px; line-height:200px; background:none; padding-left:2%;}
	.datail_come_warp{ width:100%; height: auto; overflow:hidden; border-bottom:1px solid #e7e7e7;}
	.datail_come{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.datail_come_left{ float:left; font-size:12px; color:#686868; height:62px; line-height:62px;}
	.datail_come_left span{ padding:0px 10px;}
	.datail_come_right{ float:right; height:35px; margin-top:0px; margin-bottom:10px;}
	.datail_come_right a{ display:inline-block; font-size:12px; color:#373737;  border:1px solid #616161; border-radius:4px; width:67px; height:33px; text-align: center; line-height:33px; margin-left:10px; cursor:pointer; cursor:pointer;}
	.datail_come_right a.datail_a{ font-size:14px; color:#474747; padding-left:35px; background:url(../img/detail_05.jpg) no-repeat 15px;}
	.datail_come_right a.datail_a:hover{ background-color:#fd3f3e; border:1px solid #fd3f3e; color:#fff; transition:all 0.2s; background-image:url(../img/detail_05.png); background-repeat:no-repeat; background-position:15px;} 
	.datail_come_right a:hover{ background-color:#fd3f3e; border:1px solid #fd3f3e; color:#fff; transition:all 0.2s; } 
	.detail_con{ width:96%; height:auto; overflow:hidden; margin:auto; font-size:14px; color:#4b4b4b; line-height:33px; margin-top:30px; padding-bottom:30px;}
	.detail_con img{ max-width:100%;}
	
	.detail_1{ width:100%; margin:auto;}
	.detail_1_1{ width:100%; text-align: center; background:url(../img/detail_20.jpg) no-repeat center top; height:30px; line-height:30px; padding-top:5px;}
	.detail_1_1 a{ font-size:14px; color:#6e6e6e;}
	.detail_1_2{ width:100%; text-align: center; font-size:14px; color:#6e6e6e;}
	
	.read_warp{ width:100%; height:auto; overflow:hidden; border-top:1px solid #e8e8e8; margin-top:50px;}
	.read{ width:100%; height:auto; overflow: hidden; margin:auto;}
	.read_tit{ width:100%; height:90px; margin:auto; text-align: center; line-height:90px; font-size:22px; color:#434343;}
	.read_list{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
	.read_list ul li{ float:left; width:32%; height:225px; list-style:none; margin-bottom:75px; margin-right:2%;}
	.read_list ul li.read_list_li{ margin-right:0px;}
	.read_list ul li a{ display:block; width:100%; height:225px; position:relative; overflow:hidden; cursor:pointer;}
	.read_list ul li a:hover .news_1_2{ color:#fd3f3e; transition:all 0.2s;}
	.read_list ul li a:hover .news_1_3{ color:#fd3f3e; transition:all 0.2s;}
}
@media screen and (max-width:700px)and (min-width:0px){
    .index_bg1{
    	background-attachment:scroll;
    }
    .index_bg2{
    	background-attachment:scroll;
    }
	.cd-bouncy-nav li{
		margin: 0;
	}
	.head_left img{
		width: 50px;
	}
	/*头部*/
	.header_piao{ width:100%; height:71px; overflow:hidden;}
	.header{ width:100%; height:70px; background-color:#fff; position:fixed; z-index:12; border-bottom: 1px solid #e9e9e9;}
	.head{ width:95%; height:70px; margin:auto;}
	.head_left{ float:left;padding-top: 10px;padding-left: 23px;}
	.head_right{ float:right; height:55px; padding-top:8px;}
	.tel{ float:left; height:75px; background:url(../img/recruit_03.jpg) no-repeat right top; padding-right:20px; display:none;}
	.tel_left{ float:left; width:53px; height:54px;}
	.tel_right{ float:right; margin-left:5px;}
	.tel_right_1{ font-size:14px; color:#000; padding-top:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;opacity:0.5;}
	.tel_right_2{ font-size:24px; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	.dan{ float:right; height:54px; line-height:54px; font-size:20px; margin-left:20px;}
	.dan a{ font-family:Arial, Helvetica, sans-serif; background: url(../img/case_12.png) no-repeat right; padding-right:45px; cursor:pointer;opacity:0.5; color:#000;}
	.dan a:hover{opacity:1;transition:all 0.2s; }
	
	/*响应式网站*/
	.yingtwo_warp{ width:100%; height: auto; overflow:hidden;}
	.yingtwo{ width:98%; height: auto; margin:auto; position:relative;}
	.yingtwo_left{ float:left; width:100%; height: auto; overflow:hidden; padding-top:25px; opacity:1;  position: relative; left:0px;}
	.yingtwo_left_1{ width:100%; height:40px; font-size:20px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
	.yingtwo_left_2{ width:100%; font-size:14px; color:#2f2f2f; line-height:24px; margin-top:15px;}
	.yingtwo_right{ float:right; height: auto; overflow:hidden; padding-top:25px; width:100%; text-align: center; padding-bottom:15px; opacity:1;  position: relative; right:0px;}
	.yingtwo_right img{ width:80%;}
	
	.yingthree_warp{ width:100%; height: auto; padding-bottom:30px; overflow:hidden;}
	.yingthree{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.yingthree_left{ float:left; width:100%; height: auto; overflow:hidden; padding-top:30px; text-align: center; opacity:1;  position: relative; top:0px;}
	.yingthree_left img{ width:80%;}
	.yingthree_right{ float:right; height: auto; overflow:hidden; padding-top:30px; width:100%; opacity:1;  position: relative; bottom:0px;}
	.yingthree_right_1{ width:100%; height:40px; font-size:20px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
	.yingthree_right_2{ width:100%; font-size:14px; color:#2f2f2f; line-height:24px; margin-top:20px;}
	
	
	.yingfour_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:30px; overflow:hidden;}
	.yingfour{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.yingfour_left{ float:left; width:100%; height: auto; overflow:hidden; padding-top:30px; opacity:1;  position: relative; left:0px;}
	.yingfour_left_1{ width:100%; height:40px; font-size:20px; color:#2f2f2f; background:url(../img/phone_03.jpg) no-repeat left bottom;}
	.yingfour_left_2{ width:100%; font-size:14px; color:#2f2f2f; line-height:24px; margin-top:15px;}
	.yingfour_right{ float:right; height: auto; padding-top:30px; width:100%; text-align: center; opacity:1;  position: relative; right:0px;}
	.yingfour_right img{ width:80%; max-width:396px;}
	
	.yingfive_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:15px;}
	.yingfive{ width:98%; height: auto; margin:auto; position:relative;}
	.yingfive_tit{ width:100%; height:90px; text-align: center; line-height:90px; font-size:20px; color:#fff; opacity:1;  position: relative; top:0px;}
	
	.yingfive_list{ width:100%; height:auto; overflow:hidden; margin-top:15px;}
	.yingfive_list ul li{ float:left; width:100%; height:60px; list-style:none; margin-right:0px; margin-bottom:20px; cursor:pointer;}
	.yingfive_list ul li.yingfive_list_li{ margin-right:0px;}
	.yingfive_list ul li:hover .yingfive_1_left{ color:#fd3f3e; transition:all 0.2s;}
	.yingfive_list ul li:hover .phoneserve_1_right{ border:2px solid #fd3f3e; transition:all 0.2s; background-color:#fd3f3e;}
	.yingfive_list ul li:hover .yingfive_2_right{ color:#fd3f3e; transition:all 0.2s;}
	.yingfive_list ul li:hover .phoneserve_2_left{ border:2px solid #fd3f3e; transition:all 0.2s; background-color:#fd3f3e;}
	.yingfive_1{ width:100%; height:83px; opacity:1;  position: relative; left:0px;}
	.yingfive_1_left{ float:right; width:74%; height:60px; font-size:16px; color:#fff; line-height:60px; text-align:left;}
	.yingfive_1_right{ float:left; width:60px; height:60px; border:2px solid #fff; border-radius:100px;}
	.yingfive_1_right img{ width:60px; height:60px;}
	
	.yingfive_2{ width:100%; height:93px; opacity:1;  position: relative; right:0px;}
	.yingfive_2_right{ float:right; width:74%; height:70px; font-size:16px; color:#fff; line-height: 70px;}
	.yingfive_2_left{ float:left; width:60px; height:60px; border:2px solid #fff; border-radius:100px;}
	.yingfive_2_left img{ width:60px; height:60px;}
	
	/*手机网站*/
	.phoneone{ width:100%; height:729px; overflow:hidden;}
	.phonetwo_warp{ width:100%; height: auto; overflow:hidden; }
	.phonetwo{ width:98%; height: auto; margin:auto; position:relative;}
	.phonetwo_1{ width:98%; text-align:center; font-size:20px; color:#444444; height:30px; padding-top:30px;}
	.phonetwo_2{ font-size:14px; color:#272727; line-height:28px; width:96%; height:100px; background:url(../img/phone_03.jpg) no-repeat center bottom; text-align: center; margin:auto; overflow:hidden; margin-top:15px; opacity:1; position:relative; top:0;}
	.phonetwo_3{ width:98%; height:50px; position: relative; bottom:0; text-align: center; margin-top:30px; opacity:1; position:relative; bottom:0;}
	.phonetwo_3 a{ display:inline-block; background:url(../img/phone_07.png) no-repeat center; width:233px; height:50px; text-align: center; line-height:50px; font-size:14px; color:#333;}
	
	.phonethree_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:60px;}
	.phonethree{ width:98%; height: auto; overflow:hidden; margin:auto;}
	.phonethree_tit{ width:100%; text-align: center; font-size:20px; color:#fff; height:30px; padding-top:30px; opacity:1; position:relative; top:0;}
	.phonethree_con{ width:100%; text-align: center; background:url(../img/phone_03.jpg) no-repeat center bottom; font-size:14px; color:#878787; height:40px; margin-top:10px; opacity:1; position:relative; top:0;}
	.phonethree_list{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:50px;}
	.phonethree_list ul li{ float:left; width:33.33%; height: auto; overflow:hidden; list-style:none; cursor:pointer; opacity:1; position:relative; bottom:0;}
	
	.phonethree_list ul li:hover .phonethree_list_img{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phonethree_list ul li:hover .phonethree_list_con{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	.phonethree_list_img{ width:115px; height:115px; border:2px solid #fff; border-radius:120px; margin:auto;}
	.phonethree_list_img img{ width:115px; height:115px;}
	.phonethree_list_con{ font-size:12px; color:#ffffff; line-height:26px; height:52px; overflow:hidden; text-align: center; margin:auto; width:96%; margin-top:20px;}
	
	.phonefour_warp{ width:100%; height: auto; padding-bottom:30px; overflow:hidden;}
	.phonefour{ width:98%; height: auto; margin:auto;}
	.phonefour_left{ float:right; width:100%; padding-top:25px; height:auto; overflow:hidden;}
	.phonefour_left ul li{ width:100%; height:100px; margin-bottom:0px; list-style:none; cursor:pointer; opacity:1; position:relative; left:0;}
	.phonefour_left ul li:hover .phonefour_left_right_1{color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.phonefour_left ul li:hover .phonefour_left_right_2{color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.phonefour_left_left{ float:left; width:53px; height:53px; border:1px solid #272636; border-radius:100px;}
	.phonefour_left_left img{ width:53px; height:53px;}
	
	
	.phonefour_left_right{ float:right; width:690px; height:100px;}
	.phonefour_left_right_1{ width:100%; font-size:18px; color:#000; height:40px; overflow:hidden; line-height:40px;}
	.phonefour_left_right_2{ width:100%; font-size:14px; color:#000; height:40px; line-height:20px;}
	
	.phonefour_right{ float:right; width:100%; height: auto; overflow:hidden; background-color:#43bcc1; opacity:1; position:relative; right:0;}
	.phonefour_1{ width:96%; border-left:1px solid #fff; border-right:none; margin:auto; height: auto; margin-top:18px; padding-bottom:0px; margin-bottom:18px;}
	.phonefour_1_1{ width:254px; text-align:left; font-size:16px; color:#fff; line-height:26px; background:url(../img/phone_26.jpg) no-repeat left bottom; height:65px; margin-left:15px;}
	.phonefour_1_2{ width:254px; text-align:left; font-size:14px; color:#fff; line-height:22px;opacity: 0.5; margin-top:20px; margin-left:15px;}
	
	.phonefive_warp{ width:100%; height: auto; padding-bottom:10px; overflow:hidden;}
	.phonefive{ width:100%; height: auto; overflow:hidden; margin:auto;}
	.phonefive_top{ width:100%; height: auto; overflow:hidden; opacity:1; position:relative; top:0;}
	.phonefive_top_left{ float:left; width:100%; height: auto; overflow:hidden; background-color:#43bcc1;}
	.phonefive_1{ width:96%; border-left:1px solid #fff; margin:auto; height: auto; overflow:hidden; margin-top:18px; margin-bottom:18px;}
	.phonefive_1_1{ width:254px; font-size:16px; color:#fff; line-height:26px; background:url(../img/phone_26.jpg) no-repeat left bottom; height:65px; margin-left:15px;}
	.phonefive_1_2{ width:254px; font-size:14px; color:#fff; line-height:22px;margin-left:15px; margin-top:20px;}
	.phonefive_top_right{ float:right; width:100%; height: auto; overflow:hidden;}
	.phonefive_tit{ width:100%; font-size:18px; text-align: center; background:url(../img/phone_03.jpg) no-repeat center bottom; height:42px; margin-top:25px; color:#fff;}
	.phonefive_list{ width:100%; height: auto; overflow:hidden; margin-top:40px;}
	.phonefive_list ul li{ float:left; width:33.33%; height: auto; overflow:hidden; list-style:none; cursor:pointer;}
	.phonefive_list ul li:hover .phonefive_list_img{ background-color:#fd3f3e; border:1px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phonefive_list ul li:hover .phonefive_list_tit{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	
	.phonefive_list_img{ width:66px; height:66px; border:1px solid #fff; border-radius:100px; margin:auto;}
	.phonefive_list_img img{ width:66px; height:66px;}
	.phonefive_list_tit{ width:100%; height:50px; font-size:14px; color:#fff; text-align: center; line-height:50px;}
	.phonefive_bottom{ width:100%; height:80px; margin-top:15px; opacity:1; position:relative; bottom:0;}
	.phonefive_bottom ul li{ float:left; width:33.33%; height:80px; list-style:none;}
	.phonefive_bottom_1{ width:100%; height:52px; font-size:30px; color:#fff; text-align: center;}
	.phonefive_bottom_1 span{ font-size:14px; margin-left:5px;}
	.phonefive_bottom_2{ width:100%; font-size:14px; color:#fff; text-align: center; height:28px; line-height:28px;}
	
	.phonesix_warp{ width:100%; height: auto; overflow:hidden; overflow:hidden; margin-bottom:0px;}
	.phonesix{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.phonesix_1{ width:100%; text-align: center; font-size:18px; color:#000; height:30px; padding-top:30px; opacity:1; position:relative; top:0;}
	.phonesix_2{ width:100%; text-align: center; background: url(../img/phone_031.jpg) no-repeat center bottom; font-size:16px; color:rgba(0,0,0,0.34); height:35px; margin-top:0px; opacity:1; position:relative; top:0;}
	.phonesix_3{ background:none; width:100%; height: auto; overflow:hidden; position: relative; left:0px; bottom:0;}
	.phonesix_list{ width:98%; height: auto; overflow:hidden; margin-left:1%; margin-top:40px; margin-bottom:10px; opacity:1;}
	.phonesix_list ul li{ float:left; width:50%; height:180px; list-style:none; margin-bottom:10px;}
	.phonesix_list_1{ width:100%; height:180px; background-color:#fff;}
	.phonesix_list_2{ width:100%; height:180px; background-color:#fff;}
	.phonesix_img{ width:100%; text-align: center; padding-top:33px; height:58px;}
	.phonesix_en{ width:100%; text-align: center; font-size:16px; color:#000;opacity: 0.5; font-family:Arial, Helvetica, sans-serif; height:21px; margin-top:10px; overflow:hidden;}
	.phonesix_con{ font-size:14px; color:#000000; line-height:25px; text-align: center; margin:auto; margin-top:0px; width:98%; height:50px; overflow:hidden;}
	
	.phoneserve_warp{ width:100%; height: auto; padding-bottom:40px overflow:hidden;}
	.phoneserve{ width:98%; height: auto; overflow:hidden; margin:auto;}
	.phoneserve_tit{ width:100%; text-align: center; font-size:16px; background:url(../img/phone_03.jpg) no-repeat center bottom; height:40px; padding-top:25px; color:#fff; opacity:1; position:relative; top:0;}
	.phoneserve_con{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
	.phoneserve_con ul li{ float:left; width:100%; height:93px; list-style:none; margin-right:0%; margin-bottom:10px; cursor:pointer;	}
	.phoneserve_con ul li.phoneserve_con_li{ margin-right:0px;}
	.phoneserve_con ul li:hover .phoneserve_1_right{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_1_left_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_1_left_1{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	
	.phoneserve_con ul li:hover .phoneserve_2_left{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_2_right_1{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	.phoneserve_con ul li:hover .phoneserve_2_right_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;} 
	
	.phoneserve_1{ width:100%; height:93px; opacity:1; position:relative; left:0;}
	.phoneserve_1_left{ float:right; width:454px; height:93px;}
	.phoneserve_1_left_1{ width:100%; text-align:left; font-size:16px; color:#fff; height:35px; line-height:35px;} 
	.phoneserve_1_left_2{ width:100%; font-size:14px; color:#fff; line-height:22px; height:64px; overflow:hidden; text-align:left;}
	.phoneserve_1_right{ float:left; width:60px; height:60px; border:2px solid #fff; border-radius:100px;}
	.phoneserve_1_right img{ width:60px; height:60px;}
	
	.phoneserve_2{ width:100%; height:93px; opacity:1; position:relative; right:0;}
	.phoneserve_2_right{ float:right; width:454px; height:93px;}
	.phoneserve_2_right_1{ width:100%; font-size:18px; color:#fff; height:35px; line-height:35px;} 
	.phoneserve_2_right_2{ width:100%; font-size:14px; color:#fff; line-height:22px; height:64px; overflow:hidden;}
	.phoneserve_2_left{ float:left; width:60px; height:60px; border:2px solid #fff; border-radius:100px;}
	.phoneserve_2_left img{ width:60px; height:60px;}
	
	.phoneeight_warp{ width:100%; height: auto; overflow:hidden;}
	.phoneeight{ width:100%; height: auto; margin:auto; overflow:hidden;}
	.phoneeight_en{ width:100%; height:33px; text-align: center; margin:auto; margin-top:30px;}
	.phoneeight_en img{ width:150px; height:33px;}
	.phoneeight_tit{ width:100%; font-size:20px; color:#2f2f2f; text-align: center; margin:auto; height:45px; line-height:45px;}
	.phoneeight_list{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:10px;}
	.phoneeight_list ul li{ float:left; width:320px; height:202px; list-style:none;}
	
	.grid {
		overflow: hidden;
		margin: 0;
		width: 100%;
		list-style: none;
		text-align: center; height:202px; max-width:320px; background:#ef342b;
	}
	.grid_1{ width:320px; height:202px;}
	.grid_1 img{ width:320px; height:202px;}
	/* Common style */
	.grid figure {
		position: relative;
		z-index: 1;
		display: inline-block;
		overflow: hidden;
		width:100%;
		height: 202px;
		
		text-align: center;
		cursor: pointer;
	}
	
	.grid figure img {
		position: relative;
		display: block;
		min-height: 100%;
	
	}
	
	.grid figure figcaption {
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.grid figure figcaption::before,
	.grid figure figcaption::after {
		pointer-events: none;
	}
	
	
	figure.effect-bubba img {
	
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s; margin:auto;
	}
	
	figure.effect-bubba:hover img {
		opacity: 0.4;
	}
	
	figure.effect-bubba figcaption::before,
	figure.effect-bubba figcaption::after {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}
	
	figure.effect-bubba figcaption::before {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}
	
	figure.effect-bubba figcaption::after {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
	}
	
	.phoneeight_img{ width:100%; height:50px; text-align: center; margin:auto; position:absolute; top:72px; transition: transform 0.35s;opacity: 0; display:none;}
	.phoneeight_img img{ width: auto; height:50px;}
	.phoneeight_list_tit { width:100%; height:40px; font-size:12px; color:#fff; line-height:40px; text-align: center; margin:auto; position:absolute; top:120px; transition: transform 0.35s;opacity:0; display:none;}
	
	
	figure.effect-bubba:hover figcaption::before,
	figure.effect-bubba:hover figcaption::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	figure.effect-bubba:hover .phoneeight_img,
	figure.effect-bubba:hover .phoneeight_img img,
	figure.effect-bubba:hover .phoneeight_list_tit{
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	
	.phoneeight_more{ width:100%; text-align:center; height:45px; margin:auto; margin-top:40px; margin-bottom:20px;}
	.phoneeight_more a{ display:inline-block; font-size:14px; color:#fff; width:130px; height:33px; border:1px solid #fff; text-align: center; line-height:33px; border-radius:20px; cursor:pointer;}
	.phoneeight_more a:hover{ background-color:#fd3f3e; transition:all 0.2s; border:1px solid #fd3f3e;}
	
	.deeper{ width:100%; height: auto; background-color:#262626;  overflow:hidden; padding-bottom:10px;}
	.deep{ width:320px; height: auto; overflow:hidden; margin:auto; padding-top:30px;}  
	.deep_left{ float:left; width:100%;}
	.deep_left_1{ width:100%; font-size:24px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:30px; overflow:hidden; text-align: center;}
	.deep_left_2{ width:100%; height:50px;}
	.deep_1{ float:left; width:100%; text-align: center; height:30px; line-height:30px; font-size:14px; color:#fff; background:none; padding-left:0px;}
	.deep_2{ float:left; width:100%; height:30px; line-height:30px; font-size:14px; color:#fff; background:none; padding-left:0px; margin-left:0px;}
	
	.deep_right{ float:right; width:100%;} 
	.deep_right_1{ height:48px; line-height:48px; font-size:12px; color:#fff; float:right; width:100%; overflow:hidden; text-align: center;}
	.deep_right_1 a{ margin-left:15px; margin-right:5px;}
	.deep_right_2{ width:100%; font-size:12px; color:#fff; line-height:24px;opacity:0.5; text-align: center;}
	.back{ width:100%; height: 56px; position: relative; right:10px; bottom: -7px; z-index:999; display:none;}
	
	/*营销型网站*/
	.xiaotwo_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:10px;}
	.xiaotwo{ width:98%; height: auto; margin:auto; position:relative;}
	.xiaotwo_tit{ width:100%; text-align: center; font-size:18px; color:#fff; height:40px; background:url(../img/phone_03.jpg) no-repeat center bottom; padding-top:30px; opacity:1;top: 0px;}
	.xiaotwo_list{ width:100%; height: auto; overflow:hidden; margin-top:40px;} 
	.xiaotwo_list ul li{ float:left; width:100%; height:auto; list-style:none; cursor:pointer; margin-bottom:20px; opacity:1;bottom: 0px;}
	.xiaotwo_list ul li:hover .xiaotwo_list_1{ background-color:#fd3f3e; border:2px solid #fd3f3e;transition: all 0.2s ease-in-out;}
	.xiaotwo_list ul li:hover .xiaotwo_list_2{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaotwo_list ul li:hover .xiaotwo_list_3{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaotwo_list_1{ width:94px; height:94px; margin:auto; border-radius:100%; border:2px solid #fff;}
	.xiaotwo_list_1 img{ width:94px; height:94px; }
	.xiaotwo_list_2{ width:96%; margin:auto; font-size:16px; color:#fff; text-align: center; height:50px; line-height:50px;}
	.xiaotwo_list_3{ width:96%; margin:auto; text-align: center; font-size:14px; line-height:25px; height:100px; overflow:hidden; color:#fff; margin-top:0px;}
	
	.xiaothree_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:20px;}
	.xiaothree{ width:100%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.xiaothree_left{ float:left; width:98%; height:auto; overflow:hidden; padding-top:40px; margin-left:1%;}
	.xiaothree_1{ width:100%; height: auto; overflow:hidden; margin-bottom:15px; cursor:pointer; opacity:1;left: 0px;}
	.xiaothree_1:hover .xiaothree_1_tit{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaothree_1:hover .xiaothree_1_con{ color:#fd3f3e; transition: all 0.2s ease-in-out;}
	.xiaothree_1_tit{ width:100%; font-size:18px; line-height:29px; color:#000; height:29px;}
	.xiaothree_1_con{ width:100%; font-size:14px; color:#000; line-height:22px; height: auto; overflow:hidden; margin-top:6px;}
	
	.xiaothree_right{ float:right; width:100%; height: auto; overflow:hidden; background-color:#fc5958; opacity:1;right: 0px;}
	.xiaothree_right_1{ font-size:20px; color:#fff; width:94%; margin:auto; height:30px; text-align:left; padding-top:25px;}
	.xiaothree_right_2{ width:94%; margin:auto; height:45px; text-align:left; background:url(../img/phone_26.jpg) no-repeat left bottom; margin-top:10px; margin-bottom:29px;}
	.xiaothree_right_2 img{ width:240px; height:29px;}
	
	.xiaofour_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:60px;}
	.xiaofour{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.xiaofour_tit{ width:100%; text-align: center; font-size:18px; color:#fff; background:url(../img/phone_26.jpg) no-repeat center bottom; height:45px; padding-top:30px; opacity:1;top: 0px;}
	.xiaofour_all{ width:100%; height:540px; background:url(../img/xiao_14.png) no-repeat center top; margin-top:40px; opacity:1;bottom: 0px;}
	.xiaofour_all_1{ width:100%; height:145px; margin:auto;}
	.xiaofour_1{ width:100%; height:145px; background:none;} 
	.xiaofour_1_left{ float:left; width:540px; height:145px;}
	.xiaofour_1_left_1{ width:100%; height:50px; line-height:50px; margin-top:5px; text-align:right; font-size:18px; color:#fff; overflow:hidden;}
	.xiaofour_1_left_1 span{ font-size:14px; padding-left:10px;}
	.xiaofour_1_left_2{ width:100%; text-align:right; font-size:14px; color:#fff; line-height:22px; height:66px; overflow:hidden;}
	.xiaofour_1_mid{ float:left; background:url(../img/wang_09.jpg) no-repeat center; width:18px; height:65px; margin-left:12px;}
	.xiaofour_1_right{ float:right; width:65px; height:65px; background:url(../img/wang_06.png) no-repeat center;}
	.xiaofour_1_right img{ width:59px; height:59px; padding:3px; border-radius:100px;}
	
	.xiaofour_all_2{ width:100%; height:145px; margin:auto;}
	.xiaofour_2{ float:right; width:100%; height:145px; background:none; margin:auto;} 
	.xiaofour_2_right{ float:right; width:540px; height:145px;}
	.xiaofour_2_right_1{ width:100%; height:50px; line-height:50px; margin-top:5px; font-size:18px; color:#fff; overflow:hidden;}
	.xiaofour_2_right_1 span{ font-size:14px; padding-left:10px;}
	.xiaofour_2_right_2{ width:100%; font-size:14px; color:#fff; line-height:22px; height:66px; overflow:hidden;}
	.xiaofour_2_mid{ float:left; background:url(../img/wang_09.jpg) no-repeat center; width:18px; height:65px;}
	.xiaofour_2_left{ float:left; width:65px; height:65px; background:url(../img/wang_06.png) no-repeat center; margin-left:5px;}
	.xiaofour_2_left img{ width:59px; height:59px; padding:3px; border-radius:100px;}
	
	.xiaofour_3{width:100%; height:145px;}             
	
	
	/*定制网站*/
	.zhitwo_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:0px;}
	.zhitwo{ width:98%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.zhitwo_tit{ width:100%; font-size:18px; color:#444; text-align: center; height:40px; line-height:40px; padding-top:20px; opacity:1;top: 0px;}
	.zhitwo_con{ width:96%; text-align: center; font-size:14px; color:#7a7a7a; line-height:24px; height: auto; overflow:hidden; background:none; margin:auto; margin-top:5px; opacity:1;top: 0px;}
	.zhitwo_list{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:70px;}
	.zhitwo_list ul li{ float:left; width:50%; height: auto; overflow:hidden; list-style:none; cursor:pointer; margin-bottom:10px; opacity:1;bottom: 0px;}
	.zhitwo_list ul li:hover .zhitwo_list_img{ background-color:#fd3f3e; border:2px solid #fd3f3e;}
	.zhitwo_list ul li:hover .zhitwo_list_img_1{ display:none;}
	.zhitwo_list ul li:hover .zhitwo_list_img_2{ display: block;}
	.zhitwo_list ul li:hover .zhitwo_list_tit{ color:#fd3f3e;}
	.zhitwo_list_img{ width:138px; height:138px; border:2px solid #0a0204; border-radius:100px; margin:auto; position:relative; margin:auto;}
	.zhitwo_list_img_1{ width:138px; height:138px;}
	.zhitwo_list_img_2{ width:138px; height:138px; display:none;} 
	.zhitwo_list_tit{ width:96%; text-align: center; font-size:14px; color:#444; height:48px; line-height:24px; margin:auto; margin-top:10px;}
	
	.zhithree_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:40px;height: 242px;}
	.zhithree{ width:320px; height: auto; overflow:hidden; margin:auto; position:relative;}
	.zhithree_left{ float:left; width:100%; height: auto; overflow:hidden; padding-top:45px; opacity:1;left: 0px;}
	.zhithree_left_1{ width:100%; height:40px; font-size:20px; color:#fff; text-align: center;}
	.zhithree_left_2{ width:100%; height: auto; overflow:hidden; margin-top:16px; text-align: center;}
	.zhithree_left_2 img{ width:60%; height: auto; max-width: 400px; max-height: 211px;}
	.zhithree_right{ float:left; width:150px; height:150px; border:3px solid #fff; margin-top:35px; margin-left:85px; opacity:1;right: 0px;}
	.zhithree_right_1{ width:100%; text-align: center; height:58px; margin-top:25px;}
	.zhithree_right_1 img{ width:30px; height:58px;}
	.zhithree_right_2{ width:100%; text-align: center; font-size:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; height:65px; line-height:65px;}
	
	.zhifour_warp{ width:100%; height: auto; overflow:hidden; padding-bottom:20px;}
	.zhifour{ width:100%; height: auto; overflow:hidden; margin:auto; position:relative;}
	.zhifour_left{ float:left; width:98%; height:auto; margin-left:1%; padding-top:30px;}
	.zhifour_left ul li{ width:100%; height: auto; overflow:hidden; margin-bottom:20px; list-style:none; cursor:pointer; opacity:1;left: 0px;}
	.zhifour_left ul li:hover .zhifour_left_left img{;-moz-transform:scale(1.1,1.1);
		-webkit-transform:scale(1.1,1.1);
		-o-transform:scale(1.1,1.1);
		-ms-transform:scale(1.1,1.1);
		 transform:scale(1.1,1.1);}
	
	.zhifour_left_left{ float:left; width:52px; height:52px; border:1px solid #000000; border-radius:100px; overflow: hidden;}
	.zhifour_left_left img{ width:52px; height:52px;transition:all 0.2s}
	
	.zhifour_left_right{ float:right; width:720px; height: auto; overflow:hidden;}
	.zhifour_left_right_1{ width:100%; font-size:20px; line-height:40px; color:#000; height:40px;}
	.zhifour_left_right_2{ width:100%; font-size:14px; color:#000; line-height:27px; margin-top:0px;}
	
	.zhifour_right{ float:right; width:100%; height: auto; overflow:hidden; background-color:#232324; padding-bottom:25px; opacity:1;right: 0px;}
	.zhifour_1{ width:90%; height: auto; overflow:hidden; margin:auto; background:url(../img/zhi1_31.jpg) no-repeat left top; margin-top:25px;}
	.zhifour_1_1{ font-size:14px; color:rgba(255,255,255,0.5); width:285px; text-align:left; height:30px; line-height:30px; margin-left:20px;}
	.zhifour_1_2{ font-size:28px; color:#fd3f3e; width:285px; text-align:left; background:url(../img/phone_26.jpg) no-repeat left bottom; height:60px; margin-top:10px; margin-left:20px;}
	.zhifour_1_3{ width:285px; text-align:left; font-size:14px; color:#fff; line-height:24px; margin-top:20px; margin-left:20px;}
	
	.zhifive_warp{ width:100%; height: auto; overflow:hidden; background-color:#fff;margin-top: -242px;z-index: 9;}
	.zhifive{ width:100%; height: auto; overflow: hidden; margin:auto;}
	.zhifive_left{ width:50%; height:772px; position:absolute; left:0; z-index:0; overflow:hidden; display:none;}
	.zhifive_left img{ width:100%; height:700px;}
	.zhifive_img{ width:100%; height: auto; text-align: center; position: relative; display:none;}
	.zhifive_img_1{ width:100%; height:100%; display:none;}
	.zhifive_img_1 img{ padding-top:104px;padding-left: 37px;}
	.zhifive_img_2{ width:100%; font-size:24px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position: relative; top:0px; padding-top:30px;}
	.zhifive_img_3{ width:100%; font-size:30px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position: relative; top:0px;}
	.zhifive_img_4{ width:100%; font-size:18px; color:#383838;text-align: center; position: relative; top:0px; height:30px; line-height:30px;}
	
	
	.zhifive_right{ float:right; width:100%; height:310px; overflow:hidden; position:relative; display:none;}
	.zhifive_right_1{ width:96%; font-size:16px; color:#383838; position: relative; top:20px; height:24px; left:0px; cursor:pointer; margin:auto;}
	.zhifive_right_1 small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_1 i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_1:hover small {  opacity: 0;}
	.zhifive_right_1:hover i { width: 100%;opacity: 1; }
	
	.zhifive_right_2{ font-size:16px; color:#383838; position: relative; top:40px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_2 small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_2 i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_2:hover small {  opacity: 0;}
	.zhifive_right_2:hover i { width: 100%;opacity: 1; }
	
	
	.zhifive_right_3{ font-size:16px; color:#383838; position: relative; top:60px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_3 small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_3 i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_3:hover small {  opacity: 0;}
	.zhifive_right_3:hover i { width: 100%;opacity: 1; }
	
	
	.zhifive_right_4{ font-size:16px; color:#383838; position:relative; bottom:301px; top:80px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_4 small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_4 i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_4:hover small {  opacity: 0;}
	.zhifive_right_4:hover i { width: 100%;opacity: 1; }
	
	
	.zhifive_right_5{ font-size:16px; color:#383838; position:relative; bottom:172px; top:100px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_5 small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_5 i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_5:hover small {  opacity: 0;}
	.zhifive_right_5:hover i { width: 100%;opacity: 1; }
	
	
	.zhifive_right_6{ font-size:16px; color:#383838; position:relative; bottom:91px; top:120px; height:24px; left:0; cursor:pointer; width:96%; margin:auto;}
	.zhifive_right_6 small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.zhifive_right_6 i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.zhifive_right_6:hover small {  opacity: 0;}
	.zhifive_right_6:hover i { width: 100%;opacity: 1; }
	
	/*定制流程*/
	.cheng{ width:100%; height:auto; overflow: hidden; position:relative; display:block;}
	.cheng_tu{ width:100%; height:230px; overflow:hidden; position:absolute; top:0; background:url(../img/cheng_02.png) no-repeat center; background-size:auto 100%; z-index:1;} 
	.cheng_tit{ width:100%; background:url(../img/cheng_03.png) no-repeat center; height:280px; margin-top:69px; position:relative; z-index:11;}
	.zhifive_img_2{ width:100%; font-size:25px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position: relative; top:0px; padding-top:110px;}
	.zhifive_img_3{ width:100%; font-size:34px; color:#fd3f3e; font-weight:bold; text-align: center; font-family:Arial, Helvetica, sans-serif; position: relative; top:0px;}
	.zhifive_img_4{ width:100%; font-size:26px; color:#383838;text-align: center; position: relative; top:0px; height:30px; line-height:30px;}
	.cheng_list{ width:330px; height:auto; overflow:hidden; background:url(../img/cheng_04.jpg) repeat-y center; min-height:490px; margin:auto; position:relative; padding-top:50px; padding-bottom:20px;} 
	.cheng_1{ width:174px; height:80px; background:url(../img/cheng_07.jpg) no-repeat right 6px;}
	.cheng_1_tit{ font-size:22px; color:#272727; width:145px; text-align:right; height:29px;}
	.cheng_1_con{ font-size:16px; color:#757575; width:145px; text-align:right; height:38px; margin-top:5px;}
	
	.cheng_2{ width:174px; height:80px; background:url(../img/cheng_07.jpg) no-repeat left 6px; position:absolute; top:125px; right:0px;}
	.cheng_2_tit{ font-size:22px; color:#272727; width:145px; text-align:left; height:29px; margin-left:29px;}
	.cheng_2_con{ font-size:16px; color:#757575; width:145px; text-align:left; height:38px; margin-top:5px;margin-left:29px;}
	
	.cheng_3{ width:174px; height:80px; background:url(../img/cheng_07.jpg) no-repeat right 6px; position:absolute; top:205px;}
	.cheng_4{ width:174px; height:80px; background:url(../img/cheng_07.jpg) no-repeat left 6px; position:absolute; top:285px; right:0px;}
	.cheng_5{ width:174px; height:80px; background:url(../img/cheng_07.jpg) no-repeat right 6px; position:absolute; top:365px;}
	.cheng_6{ width:174px; height:80px; background:url(../img/cheng_07.jpg) no-repeat left 6px; position:absolute; top:445px; right:0px;}
	
	
	.zhisix_warp{ width:100%; height:242px; background-color:#fff;background-attachment:scroll;}
	.zhisix{ width:98%; height:242px; margin:auto; position:relative; overflow:hidden;}
	.zhisix_tit{ width:100%; text-align: center; font-size:16px; color:#fff; height:21px; padding-top:155px;}
	.zhisix_con{ width:100%; font-size:14px; color:#fff; text-align: center; height:40px; line-height:20px; margin-top:5px;}
	  
	.main{ width:100%; height:auto; margin:auto; position:relative; margin-bottom:30px;}
	.big_all_1{ width:100%; height:200px;}
	.big_all{ width:100%; height:200px; position:relative; background:url(../img/tu4.jpg) no-repeat center; background-size:auto 100%;}
	.case_mune_warp{ width:100%; height:60px; text-align: center; padding-top:170px;}
	.fixed{
		position: fixed;
		width: 100%;
		max-width: none;
		left: 0;
		top: -75px;
		z-index:10;
		margin-top: 0px;
	}
	
	.fixed11{
		position: fixed;
		width: 100%;
		max-width: none;
		left: 0;
		top: 135px;
		z-index:10;
		margin-top: 0px;
	}
	
	.case_mune{ width:100%; height:40px; background-color:#fff; margin:auto; overflow:hidden;}
	.case_mune a{ display:block; float:left; width:25%; background:url(../img/case_shu.jpg) no-repeat left top; font-size:14px; color:#3f3f3f; border-top:2px solid #fff; height:38px; line-height:38px; text-align:center; cursor:pointer; overflow:hidden;}
	.case_mune a.case_mune_1{ background:none;}
	.case_mune a:hover{ border-top:3px solid #fd3f3e;transition:all 0.2s;}
	.case_mune a.case_mune_a{ border-top:3px solid #fd3f3e;}
	.case_miao{ width:96%; height: auto; line-height:24px; font-size:14px; color:#acacac; text-align: center; padding-top:30px; padding-bottom:20px;}
	.case_miao a{ color:#383838;} 
	.case_miao a:hover{ color:#fd3f3e; cursor:pointer;}
	
	
	.case_list{ width:100%; height:auto; overflow:hidden; margin:auto;}
	.case_list ul li{ float:left; width:285px; height: auto; overflow:hidden; list-style:none; margin-right:5px; margin-bottom:20px; margin-left:5px;}
	.case_list ul li.case_list_li{ margin-right:5px;}
	.case_list ul li a{ display:block; width:285px; height: auto; overflow:hidden; cursor:pointer;}
	.case_list ul li:hover{box-shadow: 0px 0px 10px 1px #888;}
	
	.case_list_1{ width:285px; height: auto; position:relative; overflow:hidden;}
	.case_img{ width:285px; height: auto; overflow:hidden;}
	.case_img img{ width:100%; height:auto;}
	.case_more_bg{ position:absolute;width:285px;height:100%;background:#fd3f3e;top:0px;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
	.case_more_1{ position:absolute;color:#FFF;font-size:14px;width:124px;text-align:center;height:40px;line-height:40px;border:3px #fff solid;top:-200px;left:70px; font-family:Arial, Helvetica, sans-serif; display:none;}
	
	.case_list_2{ width:283px; height:69px; border:1px solid #e2e2e2; border-top:none; background-color:#fff;}
	.case_list_2_1{ font-size:12px; color:#3f3f3f; width:94%; height:35px; line-height:35px; margin:auto;opacity:0.5}
	.case_list_2_2{ width:94%; margin:auto; font-size:14px; color:#3f3f3f; height:18px; line-height:18px; margin-top:5px;}  
	
	.case_geng{ width:100%; height:33px; text-align: center;}
	.case_geng img{ width:33px; height:33px; cursor:pointer;}       
	.kong{ height:0px;}   
                     
	
	/*案例详情*/
	.example_warp{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding-top:20px; padding-bottom:55px;}
	.example{ width:95%; height:auto; overflow:hidden; margin:auto;}
	.example_left{ float:right; width:100%; height:auto; overflow:hidden; text-align: center; margin-top:30px;}
	.example_left img{ width:100%;}
	.example_right{ float:left; width:100%; height: auto;margin-right:0px; position:relative; overflow:hidden;}
	.example_all{ width:100%; height: auto; overflow:hidden; background-image:none; background-repeat:no-repeat; background-position:left top; background-color:#fff; position: relative; top:0px; z-index:9;}
	
	.example_1{ width:96%; height:95px; overflow:hidden; margin-left:4%; position:relative; border-bottom:1px dashed #cccccc; display:none;}
	.example_1_1{ width:100%; font-size:56px; color:#fd3f3e; font-weight:bold; height: auto;}
	.example_1_2{ font-size:22px; color:#3e3e3e; height:40px; width:145px; text-align:right;}
	.example_2{ width:100%; height: auto; overflow:hidden; margin-left:0%; font-size:14px; color:#3e3e3e; line-height:27px; margin-top:65px; border-bottom:1px dashed #cccccc; padding-bottom:5px;}
	.example_3{ width:100%; height: auto; overflow:hidden; margin-left:0px; position:absolute; top:0px;}
	.example_3_1{ width:100%; font-size:20px; color:#3e3e3e; height:50px; line-height:50px; overflow:hidden; border-bottom:1px dashed #cccccc;}
	.example_5{ display:block; width:163px; height:43px; background-color:#2c2c2c; font-size:16px; text-align:center; line-height:43px; color:#fff; margin-top:20px;}
	.example_3_2 span{ font-size:14px; color:#c0c0c0; display:inline-block; height:31px; line-height:31px; padding:0px 15px; background-color:#f3f3f3;}
	.example_4{ width:25%; height:58px; background-color:#3d3d3d; margin-left:40px; position: fixed; bottom:204px; display:none;}
	.example_4_1{ float:left; width:64px; height:58px; border-right:1px solid #535353; text-align: center;}
	.example_4_1 a{ display:block; width:64px; height:58px; cursor:pointer;}
	.example_4_1 img{ padding-top:23px;}
	.example_4_2{ float:left; width:64px; height:58px; border-right:1px solid #535353; text-align: center;}
	.example_4_2 a{ display:block; width:64px; height:58px; cursor:pointer;}
	.example_4_2 img{ padding-top:23px;}
	.example_4_3{ float:left; height:58px; margin-left:23px;}
	.example_4_3 a{ display:block; font-size:14px; color:#fff; height:58px; line-height:58px; background:url(../img/case1_09.png) no-repeat left; padding-left:40px;}                  
	.piao{ width:100%; height:43px; display:block;}
	.showy{ display:none;}    
	.fu_warp{ width:100%; height:43px; background-color:#fd3f3e; position:fixed; bottom:0; z-index:9999999;}
	.fu{ width:100%; height:43px; margin:auto; text-align:center;}
	.fu a{ float:left; display: inline-block; width:33.33%; height:43px; font-size:14px; color:#fff; text-align: center; line-height:43px; background:url(../img/di_03.png) no-repeat right;} 
	.fu a.fu_a{ background:none;}
	.fu span{font-size:14px; color:#fff; background:url(../img/about1.png) no-repeat left; padding-left:23px;background-size: 27px;}
	.fu span.fu_span1{font-size:14px; color:#fff; background:url(../img/lian.png) no-repeat left; padding-left:23px; background-size:auto 100%;}
	.fu span.fu_span2{font-size:14px; color:#fff; background:url(../img/dian.png) no-repeat left; padding-left:23px; background-size:auto 100%;}
	
	
	.notice_warp{ width:100%; height:43px; background-color:#2c2c2c; position:fixed; bottom:0; z-index:9999999;}
	.notice{ width:100%; height:43px; margin:auto; text-align:center;}
	/*.notice a{ float:left; display:block; width:20%; height:43px; text-align: center; font-size:14px; color:#fff; line-height:43px;}*/
	.notice_1{ float:left; width:30%; height:43px; background:url(../img/qing_03.jpg) no-repeat right; line-height:43px; text-align: center;}
	.notice_1 span{ font-size:14px; color:#fff; background:url(../img/z1.png) no-repeat left; padding-left:23px; background-size:auto 100%;}
	.notice_2{ float:left; width:13%; height:39px; background:url(../img/qing_03.jpg) no-repeat right; line-height:43px; text-align: center; padding-top:4px;}
	.notice_2 a{ display:inline-block; width:15px; background:url(../img/shang.png) no-repeat center; background-size:auto 100%; height:17px;}
	.notice_3{ float:left; width:13%; height:39px; background:url(../img/qing_03.jpg) no-repeat right; line-height:43px; text-align: center; padding-top:4px;}
	.notice_3 a{ display:inline-block; width:20px; background:url(../img/cai.png) no-repeat center; background-size:auto 100%; height:15px;}
	.notice_4{ float:left; width:13%; height:39px; background:url(../img/qing_03.jpg) no-repeat right; line-height:43px; text-align: center; padding-top:4px;}
	.notice_4 a{ display:inline-block; width:15px; background:url(../img/xia.png) no-repeat center; background-size:auto 100%; height:17px;}
	.notice_5{ float:left; width:30%; height:39px; line-height:43px; text-align: center; padding-top:4px;}
	.notice_5 span{ font-size:14px; color:#fff; background:url(../img/dian.png) no-repeat left; padding-left:23px; background-size:auto 100%;}
	
	/*新闻*/
	.n_big{ width:100%; height:200px; display:none;}
	.n_big2{ display:block; height:100px;}
	.news{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:50px;}
	.news ul li{ float:left; width:100%; height:225px; list-style:none; margin-bottom:0px; margin-right:2%;}
	.news ul li.news_li{ margin-right:0px;}
	.news ul li a{ display:block; width:100%; height:225px; position:relative; overflow:hidden; cursor:pointer;}

	.news_1{ width:100%; height:225px;}
	.news_1_1{ width:100%; height:67px; }
	.news_1_1_1{ width:100%; font-size:30px; color:#3f3f3f; height:40px;}
	.news_1_1_2{ width:100%; font-size:14px; color:#afafaf;}
	.news_1_2{ width:100%; font-size:18px; color:#3f3f3f; height:60px; line-height:60px; overflow:hidden;}
	.news_1_3{ width:100%; height:46px; font-size:14px; color:#9c9c9c; line-height:23px; overflow:hidden;}
	.news_2{ width:100%; height:224px; border-top:1px solid #fd3f3e; position:absolute; background-color:#fff; bottom:-225px;transition:all ease-out .5s;transform:translate(0,0px);}
	.news_2_1{ width:100%; font-size:18px; color:#3f3f3f; height:60px; line-height:60px; overflow:hidden;}
	.news_2_2{ width:100%; height:46px; font-size:14px; color:#9c9c9c; line-height:23px; overflow:hidden;}
	.news_2_3{ width:96%; height:81px; background-color:#fd3f3e; padding:0px 2%; margin-top:37px;}
	.news_2_3_1{ width:100%; font-size:30px; color:#fff; height:40px; padding-top:10px;}
	.news_2_3_2{ width:100%; font-size:14px; color:#fff;}
	
	/*新闻详情*/
	.datail{ width:100%; height:150px; position:relative;}
	.datail_img{ width:100%; height:150px; position:absolute; top:0; z-index:-1;}
	.datail_tit{ width:96%; margin:auto; font-size:16px; color:#fff; height:150px; line-height:150px; background:none; padding-left:2%;}
	.datail_come_warp{ width:100%; height: auto; overflow:hidden; border-bottom:1px solid #e7e7e7;}
	.datail_come{ width:96%; height: auto; overflow:hidden; margin:auto;}
	.datail_come_left{ float:left; font-size:12px; color:#686868; height:62px; line-height:30px;}
	.datail_come_left span{ padding:0px 10px;}
	.datail_come_right{ float:right; height:35px; margin-top:0px; margin-bottom:10px; display:none;}
	.datail_come_right a{ display:inline-block; font-size:12px; color:#373737;  border:1px solid #616161; border-radius:4px; width:67px; height:33px; text-align: center; line-height:33px; margin-left:10px; cursor:pointer; cursor:pointer;}
	.datail_come_right a.datail_a{ font-size:14px; color:#474747; padding-left:35px; background:url(../img/detail_05.jpg) no-repeat 15px;}
	.datail_come_right a.datail_a:hover{ background-color:#fd3f3e; border:1px solid #fd3f3e; color:#fff; transition:all 0.2s; background-image:url(../img/detail_05.png); background-repeat:no-repeat; background-position:15px;} 
	.datail_come_right a:hover{ background-color:#fd3f3e; border:1px solid #fd3f3e; color:#fff; transition:all 0.2s; } 
	.detail_con{ width:96%; height:auto; overflow:hidden; margin:auto; font-size:14px; color:#4b4b4b; line-height:33px; margin-top:30px; padding-bottom:30px;}
	.detail_con img{ max-width:100%;}
	
	.detail_1{ width:100%; margin:auto;}
	.detail_1_1{ width:100%; text-align: center; background:url(../img/detail_20.jpg) no-repeat center top; height:30px; line-height:30px; padding-top:5px;}
	.detail_1_1 a{ font-size:14px; color:#6e6e6e;}
	.detail_1_2{ width:100%; text-align: center; font-size:14px; color:#6e6e6e;}
	
	.read_warp{ width:100%; height:auto; overflow:hidden; border-top:1px solid #e8e8e8; margin-top:50px;}
	.read{ width:100%; height:auto; overflow: hidden; margin:auto;}
	.read_tit{ width:100%; height:90px; margin:auto; text-align: center; line-height:90px; font-size:22px; color:#434343;}
	.read_list{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
	.read_list ul li{ float:left; width:32%; height:225px; list-style:none; margin-bottom:75px; margin-right:2%;}
	.read_list ul li.read_list_li{ margin-right:0px;}
	.read_list ul li a{ display:block; width:100%; height:225px; position:relative; overflow:hidden; cursor:pointer;}
	.read_list ul li a:hover .news_1_2{ color:#fd3f3e; transition:all 0.2s;}
	.read_list ul li a:hover .news_1_3{ color:#fd3f3e; transition:all 0.2s;}
	
}

